The Chart component uses plugin components to visualize data specified via the
data property. Each plugin component implements a particular feature and should be defined within the Chart component.
Animation- animates all chart series when they first appear on screen.
EventTracker- allows you to handle a click on a point or series.
HoverState- implements the hovered state for points and series.
SelectionState- implements the selected state for points and series.
ZoomAndPan- allows you to set the chart's viewport and change it in response to mouse and touch events.
ArgumentScale- allows you to customize the argument scale.
ValueScale- allows you to customize the value scale and display multiple value scales.
Stack- transforms data to display series points side-by-side or one under another.
The following plugins render series:
The following plugins render additional elements:
ArgumentAxis- renders an argument axis and the grid
ValueAxis- renders a value axis and the grid
Legend- renders a legend
Title- renders a title
Tooltip- implements a tooltip for points
Chart plugins use different components to render the UI. You can implement your component suite or use a predefined suite:
The plugin order is important. Series plugins are rendered in the same order as they are defined in the Chart component. For example, if the
BarSeries plugin precedes the
LineSeries, the line series overlays the bar series.
A plugin's dependencies should be declared before the plugin. For example, the
Stack plugin depends on series plugins. If several series should be stacked, declare their plugins before
Stack. This also applies to plugins that extend the functionality of other plugins. For example, a plugin that extends the
EventTracker's functionality should be declared after the
NOTE: Refer to the plugin's reference for information on its dependencies.