DevExtreme React - Overview

The legend is a chart component that helps a user identify series. It contains several colored items, one per series.

DevExtreme HTML5 JavaScript Charts Legend

To configure the appearance, location, and content of the legend, use options collected in the legend object.

App.js
  • import React from 'react';
  • import Chart, {
  • Legend
  • } from 'devextreme-react/chart';
  •  
  • class App extends React.Component {
  • render() {
  • return (
  • <Chart ... >
  • <Legend ... />
  • </Chart>
  • );
  • }
  • }
  •  
  • export default App;
See Also