feat(dees-chart-area): Enhance chart component with dynamic datasets, real-time updates, and improved demo features

This commit is contained in:
2025-06-12 11:09:14 +00:00
parent b35b1fbae7
commit b9432c8489
5 changed files with 404 additions and 80 deletions

View File

@@ -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)