关于vue集成echarts timeline组件,并且动态赋值遇见N多bug总结

1.echart的图的点击事件(实现数据下钻),echart.on('click',()=>{}) 与timeline自带的echarts.on('timelinechanged',()=>{})有冲突。触发timeline点击事件时也会去触发click事件,需要在click事件内部进行判断contentType类型是什么,再去进行逻辑的编写,如果是series可以进行,如果是timeline直接略过。echarts4.2.0版本对click事件添加了query参数,可以指定监听什么类型的点击事件。但目前用的版本不支持的情况下建议判断。

2.关于在vue实例之外定义变量,开始是定义了一个存放otpions参数的集合,后来经历过多次错误(series.type should be specified)后发现,是options里面的数据莫名其妙的多了几条,思前想后应该是变量的问题,把变量在内部定义后,解决这个问题。

3.关于时间触发多次的解决方式,看网上好多都是使用echarts.off函数,这里推荐一下别的方式,可以判断当前的echarts实例存不存在,不存在则echarts.init,监听等初始化操作,存在直接使用setOption重新赋值就好了。不需要重新监听,重新init等。

4.还有许多的小错误,这里具体指几个比较难解决的。

posted @ 2019-07-08 11:24  皇后  阅读(2239)  评论(0编辑  收藏  举报