在Vue中使用echarts的实例代码(3种图)
),因此前期获取数据及存取数据的方式,和后期也较大的不同。这么大型的项目,vuex少不了。在前面的组件中,一次请求数据,然后将数据存储到了vuex中,echarts组件再从vuex中获取数据。opt就是该图表组件的设置项了,这个参数按照官网给的配置,自己搭配即可。接下来是methods部分,setEchart将会完成对整个图表的初始化,通过this.$refs获取DOM实例,再由echars生成实例并绑定在data中的mychart选项。chartChange是用来响应我自定义组件的变化的,针对选框的不同将会有不同的显示情况。这个就是使用基于数据驱动vue最精巧的地方,避免了通过事件调用echartChange方法。初步判断是echarts的问题。当然也因为是在dev模式下,可能和我打开了vuex和事件的监测有关。
下载地址
用户评论