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.

Bullet following cursor

Type tutorial

This demo shows how we can show a bullet on the hovered data item without creating bullets for each data item. This results in a better performance.

Gauge chart with custom ClockHand

Type tutorial

This demo shows how we can customize a gauge chart’s hand by pushing any element into its children set. It uses a Triangle to replace the tip and an SVG Image to replace the pin.

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