Documentation

Drill-down column chart

Type demo

This demo shows how we can show aggregated daily data as a column series, then drill-down into hourly data for the day on a click. Example

Toggle slices of multiple nested Pie Series with a single legend

Type demo

This demo shows how we can use events on legend items to toggle slices of multiple nested Series on a Pie Chart. Code The code below catches click events on legend’s containers, extracts category of a licked slice, iterates through data items of a different series, to toggle on or off a data item with […]

Custom icons in Stock Chart

Type demo

This demo shows how we can use a custom theme to override the look of icons used in a StockChart. Code Comment By default, Stock chart uses a custom draw function for its icons. In the above code, in a theme, we override draw with an empty function, so that default behavior is disabled. Then […]

Toggle multiple pie slices via legend

Type demo

This demo shows how we can use events on a Legend to “inverse” toggle behavior of Pie chart’s legend by showing only clicked sliced, while hiding the rest of the slices. Code Example

Adding sum labels inside Donut chart

Type tutorial

This tutorial will show how we can add labels inside a Donut series, make them display dynamic info, such as sum of values of all slices, as well resize dynamically to comfortably fit within inner section of a chart. Adding a label We can add Label element directly as a child of a PieSeries and […]

Using bullets to apply styling to grid under series

Type demo

This demo shows how we can add a vertical Line element to a series bullet to show different styling of a grid under a LineSeries. Code In the following code we create a Container element in a bullet, then add a Circle and a Line element to it. Example

Using axis ranges to highlight weekends

Type tutorial

Axis ranges is a good way to highlight specific places or stretches along an axis. This tutorial will show how we can create code to automatically create axis ranges to highlight weekends on a DateAxis. The task Say, we have a chart that shows line series along a date-based axis. To make our user understand […]