Chart Legend

JavaScript Chart Features

Chart Legend

The legend can be positioned anywhere on the chart area and provides interactivity to turn individual series on or off. Using label tokens, legend entries can be easily customized to display general calculations related to their series.

Legend Axis Markers

AxisMarker legend entry customization with attributes.

Edit

Legend Alone

Chart with only a legend dataGrid.

Edit

Pie Legend

Uses a pie series as a legend that lets you toggle series visibility by clicking the pie slices.

Legend Custom Entries

Custom legend entry with data sum and line above.

Legend Entry Groups

Custom legend entries used to group series in the legend.

Legend Point Highlight

Line series with a highlighted point that uses an icon and legend entry.

Legend Statistic Entries

Custom legend entries with calculations.

Micro Legend Entry Icons

Microcharts used in legend columns.

Legend Data Grid

Uses the legend as a data grid to display attributes and calculations.

Legend Entry Events

Legend entry events triggered on hover.

Legend Entry Order

Specifies a custom sort order for legend entries.

Legend Title Layout

Demonstrates positioning the legendbox next to the chart title box automatically.

Point Legend Entries

Show legend entries for each data point. By default hovering point legend entries highlights the points.

Series Legend Entry

Specifies legend entry text for a specific series.