Gallery

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 Code

Legend Alone Chart with only a legend dataGrid.

Edit Code

- Pie Legend
  Uses a pie series as a legend that lets you toggle series visibility by interacting with the pie summary.
- 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 using icon and legend entry.
- Legend Statistic Entries
  Custom legend entries with calculations.
- Micro Le 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 Floating
  Demonstrates positioning the legendbox inside the chart title box.
- Legend In CA
  Demonstrates positioning the legendbox within the chartArea.
- Legend Title Layout
  Demonstrates positioning the legendbox next to the chart title box automatically.
- Point Legend Entries
  Show legend entry for each point in a series.
- Series Legend Entry
  Specifies legend entry text for a specific series.