用vue来控制echarts折线图数据的切换

Question

上面两张图片，是第三种图，echarts折线图的实现代码，这个页面我是用vue来写的，现在这个折线图需要做数据切换，其它内容都不变，只是变化第二张图中的数据。用vue的实例具体如何实现？

补充：我把echarts写在了vue实例里面，数据放在vue实例里面（data中存放了数据）。现在如何让echarts调用vue实例data里面的数据？？？

Answer 1

在data中定义对应的数据，然后绑定切换事件，数据切换后对应的去改变echarts里头的对应数据即可。