Chart Component
The Chart component is used to display structured data as interactive visualizations. It supports multiple chart types (bar, line, area, pie, etc.) and is fully configurable through Orbit Flow schemas.
Key Features
- Flexible chart types: bar, line, area, pie, scatter, and more.
- Declarative schemas: define chart type, axes, series, and styles via JSON schema.
- Interactivity: hover states, tooltips, zoom, filtering, and drilldowns.
- Responsive design: automatically adapts to different dashboard layouts.
- Export options: charts can be downloaded as images (PNG/SVG) or embedded in reports.
Example Schema
{
"type": "chart",
"chartType": "bar",
"title": "Monthly Revenue",
"xField": "month",
"yField": "revenue",
"data": [
{ "month": "January", "revenue": 12000 },
{ "month": "February", "revenue": 15000 },
{ "month": "March", "revenue": 18000 }
]
}
Example Use Cases
- Tracking monthly revenue or KPIs.
- Visualizing customer growth trends.
- Comparing performance across teams or regions.
Last updated on