feat(dees-chart-area): Enhance chart component with dynamic datasets, real-time updates, and improved demo features
This commit is contained in:
@@ -9,9 +9,22 @@
|
||||
- Fully functional area chart component using ApexCharts
|
||||
- Displays time-series data with gradient fills
|
||||
- Responsive with ResizeObserver (debounced to prevent flicker)
|
||||
- Demo shows CPU and memory usage metrics
|
||||
- Fixed: Chart now properly respects container boundaries on initial render
|
||||
- Overflow prevention with proper CSS containment
|
||||
- Enhanced demo features:
|
||||
- Multiple dataset examples (System Usage, Network Traffic, Sales Analytics)
|
||||
- Real-time data simulation with automatic updates
|
||||
- Dynamic dataset switching
|
||||
- Customizable Y-axis formatters (percentages, currency, units)
|
||||
- Data randomization for testing
|
||||
- Manual data point addition
|
||||
- Properties:
|
||||
- `label`: Chart title
|
||||
- `series`: ApexAxisChartSeries data
|
||||
- `yAxisFormatter`: Custom Y-axis label formatter function
|
||||
- Methods:
|
||||
- `updateSeries()`: Update chart data
|
||||
- `appendData()`: Add new data points to existing series
|
||||
|
||||
### dees-chart-log
|
||||
- Server log viewer component (not a chart despite the name)
|
||||
|
Reference in New Issue
Block a user