本仓库为使用 canvas 从零开始封装绘制折线图、曲线图、面积图、雷达图等图表的实践案例。DEMO
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| id | 元素节点位置 | string | |
| width | 宽度 | number | |
| height | 高度 | number | |
| marginLeft | 左间距 | number | 0 |
| marginBottom | 下间距 | number | 0 |
| marginTop | 上间距 | number | 0 |
| xArr | 水平方向节点坐标 | number[] | |
| yArr | 垂直方向节点坐标 | number[] | |
| valueArr | 值坐标 | number[] | |
| shape | 线条类型 | 'normal' | 'smooth(光滑)' | normal |
| mode | 模式 | 'normal' | 'fill(填充)' | normal |
| geom | 几何类型 | 'line' | 'interval' | line |
| coord | 坐标系类型 | 'normal' | 'polar' | normal |
- 支持折线图
- 支持面积图
- 支持柱状图
- 支持雷达图
- 处理巨形数据