先上效果图:
如图,通过点击右侧div中的柱体,修改左侧多组折线图中的第一条数据。柱体和多组折线图表都是echart官网标准图例未做修改,各位可以根据自己的需求去做样式这里就不多说了,下面我们说正题。
要实现不同div中的echart图表联动,可以使用echarts提供的setOption方法,通过在某个图表上选中某个数据项时,更新另一个图表的数据。
具体代码如下:
html部分:
这部分主要是用来展示图表,可以随便改。
<div style="display: flex"<
先上效果图:
如图,通过点击右侧div中的柱体,修改左侧多组折线图中的第一条数据。柱体和多组折线图表都是echart官网标准图例未做修改,各位可以根据自己的需求去做样式这里就不多说了,下面我们说正题。
要实现不同div中的echart图表联动,可以使用echarts提供的setOption方法,通过在某个图表上选中某个数据项时,更新另一个图表的数据。
具体代码如下:
html部分:
这部分主要是用来展示图表,可以随便改。
<div style="display: flex"<