Chart Legend
import { AXChartLegendComponent } from '@acorex/charts/chart-legend'; Donut Chart with Legend
Product A30
Product B25
Product C20
Product D15
Product E10
Click on legend items to show/hide chart segments. Hover over items to highlight corresponding segments.
Legend Options
vertical
Bar Chart with Legend
Product A3030%
Product B2525%
Product C2020%
Product D1515%
Product E1010%
The bar chart implements the same legend interface as the donut chart, providing consistent interaction.
Bar Chart Legend Options
vertical
Line Chart with Legend
Monthly Sales750
Monthly Expenses470
The line chart also implements the legend interface for consistent interaction.
Line Chart Legend Options
vertical
Usage
chart-legendPreview
Code