1.涉及的颜色很丰富,可处理成颜色数组
2.配置中引入该颜色数组并加以全局应用可避免需要颜色还要到处吸取
3. 然后写饼图及柱状(折线)的基本配置
3.1 饼图配置
3.2 柱状及折线基本配置
4.项目中应用首先创建echars盒子,此处有两个盒子就不一一贴图了.
5.引入对应的配置化文件
6.通过不同的配置初始化不同的echars盒子
7.获取数据做处理后装入echars渲染需要的api如xData中,由于接口封装各自不同就不做赘述
8.数据处理后调用更新,柱状图与折线图的其它配置一致根据方法2中的type区分可选bar与line,更新后要监听窗口大小的改变而改变参考下处window的写法.
9.销毁阶段需要重置窗口大小
注意项:改变公用配置时记得点到对象内层添加或者清空属性而不是直接改变整个配置对象的属性.