tutorial This tutorial will show how we can modify items listed in a settings modal that opens when you click series/indicator gear icon in its legend. Setting up an event To modify the list of settings, we will use SettingsModal event: initstarted. It kicks in when settings modal is invoked, just before its contents are generated. […]
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
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 Alternative option: custom theme It’s also possible to achieve the same result with a custom theme:
demo This demo shows how we can modify default appearance of a legend on a PieChart.
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 […]
demo This demo shows how we can define custom states on legend markers to override default hover and active colors. Code Example
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
demo This demo shows how we can make labels of a legend on an XY chart take the color of their corresponding series. Code Example
demo This demo shows how we can change legend behavior to toggle off all series, but the one that was clicked on.
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 […]