win-chart
v2.9.4
Published
菜鸟地网统一图表组件
Downloads
347
Readme
win-chart
基于 echarts 封装 react 组件。
Install
$ npm i win-chart --save
Usage
import WinChart from 'win-chart';
注意事项
- 组件默认高度为 100% 自适应外层容器,外层容器没有高度时需要自行设定。
- 组件只需传递枚举 WinChartType 与 data 两个属性即可渲染标准图表,基中 WinChartType 代表图表类型,data 为带 label(x 轴)、value(y 轴)、type(图例、颜色) 三个成员的对象数组。
- 双轴图(本质上是两个两个图表拼装)需要传递 extraData,与 data 格式相同,对应右轴图表。注意双轴图的两个数据,label 字段的顺序要必须相同且不可缺失。
- 额外配置可通过 extraOption 传递,格式为 echarts option,此配置优先级最高,会覆盖默认配置(采用 deepmerge,只覆盖差异部分)。