ChartLegend
Companion legend component for charts with colored indicators and labels.
Default Legend
Basic three-item legend with colored dot indicators.
Sales
Marketing
Support
Financial
Legend for financial reports with revenue, expenses, and profit.
Revenue
Expenses
Profit
Browser Share
Five-item legend for browser market share pie or donut charts.
Chrome
Firefox
Safari
Edge
Other
Paired with Chart
Legend used alongside a bar chart for context.
Q1 Sales
Q2 Sales
Q3 Sales
Server Metrics
Infrastructure monitoring legend with CPU, Memory, and Disk labels.
CPU
Memory
Disk
Network
With Donut Chart
Legend paired with a donut chart for complete data visualization.
Sales
Dev
Marketing
Support
Usage
Props
| Prop | Type | Default | Description |
|---|---|---|---|
items | text | "Item 1,Item 2,Item 3" | Comma-separated legend labels |
colors | text | "#c9952c,#17a2b8,#28a745" | Comma-separated hex colors for each item |