echarts通过timeline时间轴改变图表的数据,解决X轴,series问题

问题叙述:通过echarts的时间轴进行数据、X轴坐标以及每个option的属性都不一样的进行图表切换。这里面使用的是echarts2.0版本,可惜的是我鼓捣半天也没弄出来echarts3.0的timelinechanged方法,希望知道的人可以告知一下。

例如:我想xAxis.data个数多少改变,option.series[]里面的数据多少改变等问题,这会导致数据合并,例如有个xAxis.data有10个数据,另个有8个数据,那么问题来了,他会一直出现的xAxis上面10个分段,并继承了10个里面的数据。

我们要实现结果:(由于我没有直接再做个例子展示,所以将一些稍微保密的东西模糊了)echarts通过timeline时间轴改变图表的数据,解决X轴,series问题_第1张图片echarts通过timeline时间轴改变图表的数据,解决X轴,series问题_第2张图片

下面看的是代码:

前面配置代码架构(因为我数据太多所以造成不能展开所有代码展示):

  • 公有的配置项,推荐配置在 baseOption 中。timeline 播放切换时,会把 options 数组中的对应的 option,与 baseOption 进行 merge 形成最终的 option

  • options 数组中,如果某一数组项中配置了某个属性,那么其他数组项中也必须配置某个属性,而不能缺省。否则这个属性的执行效果会遗留。

echarts通过timeline时间轴改变图表的数据,解决X轴,series问题_第3张图片

下面是echarts3.0与echarts2.0的区别:

echarts通过timeline时间轴改变图表的数据,解决X轴,series问题_第4张图片echarts通过timeline时间轴改变图表的数据,解决X轴,series问题_第5张图片echarts通过timeline时间轴改变图表的数据,解决X轴,series问题_第6张图片

下面是事件的方法:最后绑定一下就可以实现了,myChart.on(ecConfig.EVENT.TIMELINE_CHANGED, eConsole);

echarts通过timeline时间轴改变图表的数据,解决X轴,series问题_第7张图片


语言组织能力很薄弱,如果没有帮到你很抱歉,如果有说错的地方欢迎指正!

你可能感兴趣的:(echarts)