Win-chart NPM | npm.io

win-chart

基于 echarts 封装 react 组件。

$ npm i win-chart --save

import WinChart from 'win-chart';

组件默认高度为 100% 自适应外层容器，外层容器没有高度时需要自行设定。
组件只需传递枚举 WinChartType 与 data 两个属性即可渲染标准图表，基中 WinChartType 代表图表类型，data 为带 label（x 轴）、value（y 轴）、type（图例、颜色）三个成员的对象数组。
双轴图（本质上是两个两个图表拼装）需要传递 extraData，与 data 格式相同，对应右轴图表。注意双轴图的两个数据，label 字段的顺序要必须相同且不可缺失。
额外配置可通过 extraOption 传递，格式为 echarts option，此配置优先级最高，会覆盖默认配置（采用 deepmerge，只覆盖差异部分）。

9 months ago

9 months ago

9 months ago

1 year ago

1 year ago