plugin-bubblecompare

plugin-bubblecompare

new plugin-bubblecompare(options) → {BubbleCompare}

Source:

Bubble compare diagram plugin.
Compare data 3-dimensional ways: x-axis, y-axis & bubble-size.

  • NOTE:
    • Plugins aren't built-in. Need to be loaded or imported to be used.
    • Non required modules from billboard.js core, need to be installed separately.
  • Required modules:
Examples
// Plugin must be loaded before the use.
<script src="$YOUR_PATH/plugin/billboardjs-plugin-bubblecompare.js"></script>

 var chart = bb.generate({
    data: {
       columns: [ ... ],
       type: "bubble"
    }
    ...
    plugins: [
       new bb.plugin.bubblecompare({
         minR: 11,
         maxR: 74,
         expandScale: 1.1
       }),
    ]
 });
import {bb} from "billboard.js";
import BubbleCompare from "billboard.js/dist/billboardjs-plugin-bubblecompare";

bb.generate({
    plugins: [
       new BubbleCompare({ ... })
    ]
})
Parameters:
Name Type Description
options object

bubble compare plugin options

Requires:
  • module:d3-selection
Returns:
Type
BubbleCompare

Extends

Requires

  • module:d3-selection

Members

(static) expandScale :number

Source:
Default Value:
  • 1

Specify bubble expand ratio when focused

Type:
  • number
Example
expandScale: 1.2

(static) maxR :number

Source:
Default Value:
  • 11

Set maximum size of bubble radius. (px)

Type:
  • number
Example
maxR: 74

(static) minR :number

Source:
Default Value:
  • 11

Set minimum size of bubble radius. (px)

Type:
  • number
Example
minR: 11