素材巴巴 > 程序开发 >

【echarts图表更改配置】vue-echarts图表修改series配置并且不再从新请求后台数据刷新图表【包含echarts循环图表,详细注释】

程序开发 2023-09-18 23:47:19

前言:
今天遇到的一个要求,让在页面上添加一个按钮,点击的时候所有的图表会显示节点数据,然后再点击一次就全部隐藏。这里就把各个方法详细的告诉大家,希望以后如果有同样的人遇到这种类似的需求可以看了我的帖子直接搞定。

效果图

原本默认有显示节点数据在这里插入图片描述
点击按钮后可以切换,不显示节点数据。同时图表也不刷新,不再从新请求一次后台,直接可以改配置后生成图表
在这里插入图片描述

介绍:两个方面的写法介绍
1,循环多个图表的时候如何改配置
2,只有一个图表的时候如何该配置

代码部分

(1)循环多个图表修改配置方法

核心点:循环配合myChart.setOption,重新加载配置项,这里可以填入新的配置,也可以这种直接series这样写,里面你有几条数据就对应写几个对象,是对应顺序来的。


 

(2)单个图表修改配置

和上面的基本一致,只不过不需要循环了,直接生成这个图表的实例重新渲染就行了。


标签:

素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。