Help us shape the 2021 DevExtreme Roadmap. Take our 5 minute survey.
Dismiss

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.

jQuery
JavaScript
$(function() {
    $("#chartContainer").dxChart({
        // ...
        legend: {
            // ...
        }
    });
});
Angular
HTML
TypeScript
<dx-chart ... >
    <dxo-legend ... ></dxo-legend>
</dx-chart>
import { DxChartModule } from "devextreme-angular";
// ...
export class AppComponent {
    // ...
}
@NgModule({
    imports: [
        // ...
        DxChartModule
    ],
    // ...
})
See Also