19 lines
731 B
Markdown
19 lines
731 B
Markdown
# Chart.js ESM Performance Benchmark
|
||
|
||
## 测试环境
|
||
- Playwright (Headless Chromium)
|
||
- CPU: Host machine
|
||
- Chart.js version: 4.x
|
||
|
||
## 性能基准 (v1.0.2)
|
||
|
||
| 指标 | 耗时 (ms) | 备注 |
|
||
| :--- | :--- | :--- |
|
||
| **首次渲染 (Line Chart)** | 44.50 | 包含 Chart.js 初始化、双图表渲染及组件初始化测试 |
|
||
| **数据更新 (Smooth Update)** | < 10.00 | 基于 `chart.update()` 的增量更新 |
|
||
|
||
## 设计决策
|
||
1. **Tree Shaking**: 仅内置常用的控制器（Line, Bar, Pie），以控制产物体积。
|
||
2. **实例复用**: 严格遵循 `chart.update()` 路径，避免频繁创建 Canvas 渲染上下文。
|
||
3. **组件化支持**: 通过 `globalThis.Component` 注册，实现零打包声明式渲染。
|