Toggling multi-level Sunburst nodes with legend
Type
tutorial This demo shows how we can fix toggling of nodes in a multi-level Sunburst chart via legend using events. Code Example
Applying custom formatting logic to PieChart legend values
Type
tutorial This demo shows how we can use adapters to apply custom formatting logic to legend labels based on their value. Code Example
Aligning a legend with plot container
Type
tutorial This demo shows how we can use axis’ events to monitor its width, and automatically adjust position of the legend, so it is aligned perfectly with the plot area. Code Demo
Dynamically changing legend position
Type
tutorial This short tutorial will show the steps involved in dynamically changing position of the legend. Changing position The following steps are involved when changing the position of the legend, e.g. from bottom to left: For example, the below code will move the legend from bottom, to left: Demo
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 […]
Pie chart with a legend with dynamically-sized labels
Type
tutorial This demo shows how we can use events to dynamically set width for the Pie chart’s legend labels, so that the legend takes up all available space, left from the pie itself, as well as truncates the labels if there’s no space available.
A custom “heat legend” using a gradient
Type
tutorial This demo adds a Container element with a gradient-filled rectangle and some labels to create a custom “heat legend” using multi-color steps. The code Related docs The demo
Disabling hover in a legend of a Pie Chart
Type
demo This demo shows how we can disable triggering of slice tooltip when its legend item is hovered. The code The demo
Individual legend item for each column in series
Type
demo This demo shows how we can create a legend to display individual items for each column in a column series, as well as trigger hovers. Relevant code As per legend data item docs, we are using series’ dataItems list to feed the legend data, which produces an item for each column. Additionally, we are adding […]
Auto-wrapping legend labels
Type
demo This demo shows how we can use auto-wrapping on legend labels.