素材巴巴 > 程序开发 >

Echarts图表之间切换出现错乱的问题

程序开发 2023-09-18 07:32:03

难免在一些需求中需要对多个Echarts图表进行切换,切换中是会出现图表之间数据和格式错杂的问题的
比如本人遇到的:
以下的图表是建立在使用同个标签id上
1.这里我只需要显示一条折线图
在这里插入图片描述
2.这里我需要显示三条折线图
在这里插入图片描述
出现的问题是,我在以上两者之间切换过程中就会出现这样的现象:这里正常应该是一条折线的
在这里插入图片描述
而图中红色框内的都应该是三条折线图表的时候才该出现的
出现以上问题的原因是因为每次图表切换过程中没有对上一个图表进行清理:

方法:在setOption渲染新图表前加上图表清理即可

// An highlighted blockmyChart.clear();
 option && myChart.setOption(option);
 

标签:

上一篇: 【Nodejs】npm的使用 下一篇:
素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。