vue来控制echarts的数据,具体的就是通过相关按钮,实现数据切换,具体见下图

图片描述

具体要实现的就是点击左边的按钮(不同的市区),对应右边的显示就是点击的那个市,已经折线图上面的数据也切换到对应的市,折线图是echarts3.0做的,数据也就是配置在echarts中,如何通过点击左边不同 的市,实现右边相关信息的变化。有没有大佬可以说下具体的实现思路、技术点、代码案例做下示范。
补充:小弟基础较弱,代码示例非常重要。

阅读 4.2k
3 个回答

首先你的能响应左边的点击事件,然后根据事件去查响应数据在赋值给echarts

按钮绑定事件@click=function(),然后后台查询赋值echarts

市区列表:
<div v-for="item in list" @click="updataChart(item)">{{item.name}}</div>
...
methods: {
  updataChart(item) {
   ...
  }
}
...
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题