vue中图表如何封装抽取

src/utils/echarts.js

来源：node_modules/echarts/lib/export/components.js（这里找到你想引入的组件）

动态设置

chartId标识唯一图表ID。option标识图表配置部分

静态设置

width,height设置图标的宽高这里包括整体的图表，图例，图表都包括在里面

互斥效果

choseLegendList，初始化图例数组，legendSize，表示超过多少项显示互斥效果

公共样式抽取

hjy-web/src/components/charts/colors.js

折线图超过两条三条及三条以上不用加渐变

引入方式及使用

src/utils/charts-y.js(y轴动态距离显示)

滚动条设置需要禁用滚轮放大缩小功能这里有两个配置需要配置

手动事件

更多图表样式可以参考

Examples - Apache ECharts

二次开发库：makeapie echarts图表可视化案例

echart的 一些思考

echart是一个配置形成的一个工具，对于他来说，任何的特效、样式都是靠配置完成的，所以在使用或者学习echart的过程中最重要的是看配置，还有就是多看demo