new plugin-bubblecompare(options) → {BubbleCompare}
- Description:
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:
- NOTE:
- Source:
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
- Description:
Specify bubble expand ratio when focused
- Source:
- Default Value:
- 1
Specify bubble expand ratio when focused
Type:
- number
Example
expandScale: 1.2
(static) maxR :number
- Description:
Set maximum size of bubble radius. (px)
- Source:
- Default Value:
- 11
Set maximum size of bubble radius. (px)
Type:
- number
Example
maxR: 74
(static) minR :number
- Description:
Set minimum size of bubble radius. (px)
- Source:
- Default Value:
- 11
Set minimum size of bubble radius. (px)
Type:
- number
Example
minR: 11