echarts做数据切换

天道酬勤，学无止境 2019-11-26 05:33:02

请问用echsrts怎么做一个这样的图表！

...全文

1279 2 打赏收藏转发到动态举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

天道酬勤，学无止境 2019-11-27

打赏
举报

回复

引用 1 楼 zkchan 的回复:

自己写一个切换的tab，然后切换tab时getOption()获取option参数，将里面的数据替换为你要显示的数据，在setOption更新就好了

好的，谢谢啦

zkchan 2019-11-27

打赏
举报

回复

自己写一个切换的tab，然后切换tab时getOption()获取option参数，将里面的数据替换为你要显示的数据，在setOption更新就好了

1.问题描述：在echarts弹框中嵌入echarts，在页面数据改变时，echarts视图不更新； 2.解决办法：数据更新时以为drawLine()函数在updated()里面执行（这种情况之前碰到过），后来发现热更新之后视图更新了，所以跟周期函数没有关系；参考了一下网上的一些资料，发现可以用vue中的watch()函数来监听数据的更新，一旦数据更新了，那么就在watch()函数中调用drawLine()函数，发现视图更新了，完美解决。补充知识：vue echarts line动态刷新数据组件我就废话不多说了，大家还是直接看代码吧~