Back to Components
Desktop (Electron)
ChartDiagram
React Utility
Chart Diagram
Lines
147
File
ChartDiagram.tsx
Last Modified
2026-10-08
Exports
default ChartDiagram
Source Path
aartiq-browser/src/ai/ChartDiagram.tsx
Tags
ReactPluginmacOS
Code Analysis
React Hooks
useStateuseEffectuseRef
External Dependencies
react
Internal Imports
No internal imports
Props / Types
ChartData
| Prop | Type | Required |
|---|---|---|
| labels | string[] | No |
| datasets | Array<{ | Yes |
| label | string | No |
| data | number[] | Yes |
| backgroundColor | string | string[] | No |
| borderColor | string | string[] | No |
| borderWidth | number | No |
| fill | boolean | No |
ChartOptions
| Prop | Type | Required |
|---|---|---|
| type | 'bar' | 'line' | 'pie' | 'doughnut' | 'radar' | 'scatter' | No |
| title | string | No |
| colors | string[] | No |
ChartDiagramProps
| Prop | Type | Required |
|---|---|---|
| chartId | string | Yes |
| data | ChartData | Yes |
| options | ChartOptions | No |
Related Components
Browse all components in the Component Inventory
Auto-Generated Documentation
Component metadata is auto-generated by aartiq-browser/scripts/component-scanner.js