Adding axis ranges to a legend

Type demo

Axis ranges are data items, so they can be added directly to a Legend data. This demo shows how we can also enhance that capability to replicate axis range appearance in legend markers with custom template setup function. Demo

Moving icons of a StockLegend to left

Type demo

This demo shows how we can use events to re-arrange items within a StockLegend. Specifically, it moves settings and close icon buttons to the left – before the actual legend label. Related code Demo

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 […]

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

Grouping legend items

Type tutorial

This short tutorial will introduce two approaches that can be used to group legend items by inserting a label between its items. Approach #1 The easiest approach is to create a legend like we would do on any chart, set its data, then insert Label elements at predefined places in legend’s children list. The downside […]