new plugin-sparkline(options) → {Sparkline}
- Description:
Sparkline plugin.
Generates sparkline charts-
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.
-
Bear in mind:
-
Use this plugin to visualize multiple tiny chart only and chart APIs won't work properly.
-
Sparkline chart size will be based on the main chart element size. To control spakrline charts, is highly recommended to set
size
option. -
Bubble, scatter and Arc(pie, donut, ratdar) types aren't supported.
-
Some options will be stricted to be:
resize.auto = false
axis.x.show = false
axis.y.show = false
axis.y.padding = 10
legend.show = false
-
- Source:
Examples
// Plugin must be loaded before the use.
<script src="$YOUR_PATH/plugin/billboardjs-plugin-sparkline.js"></script>
var chart = bb.generate({
...
plugins: [
new bb.plugin.sparkline({
selector: ".sparkline"
}),
]
});
import {bb} from "billboard.js";
import Sparkline from "billboard.js/dist/billboardjs-plugin-sparkline";
bb.generate({
...
plugins: [
new Sparkline({ ... })
]
})
Parameters:
Name | Type | Description |
---|---|---|
options |
object | sparkline plugin options |
Returns:
- Type
- Sparkline
Extends
Members
(static) selector :string
- Description:
Specify sparkline charts holder selector.
- NOTE: The amount of holder should match with the amount of data. If has less, will append necessaray amount nodes as sibling of main chart.
- Source:
- Default Value:
- undefined
Specify sparkline charts holder selector.
- NOTE: The amount of holder should match with the amount of data. If has less, will append necessaray amount nodes as sibling of main chart.
Type:
- string
Example
selector: ".sparkline"