首页 前端知识 echarts清空数据不能使用clear,完美解决清空图表

echarts清空数据不能使用clear,完美解决清空图表

2024-05-28 09:05:26 前端知识 前端哥 874 551 我要收藏

问题描述

提示:这里描述具体问题:在每次显示的echarts图表时,有时候需要将之前的数据删除,在这个时候不能用clear,用这个删除会导致整个图表都删掉了,还得重新初始化。


原因分析:

提示:这里填写问题的分析:clear是将整个图表清除,而不是清除数据。


解决方案:

提示:这里填写该问题的具体解决方案:清除数据最简单的办法是获取要清除数据的图表,然后获得series,将其置空即可。

    function clearChart (div) {
      let chart = echarts.getInstanceByDom(document.getElementById(div))
      if (chart == null) {
        chart = echarts.init(document.getElementById(div))
      }
      const option = chart.getOption()
      // 清空数据
      option.series = []
      option.xAxis[0].data = []
      // 重新显示,第二个参数是将之前的数据丢掉
      chart.setOption(option, true)
    }

欢迎评论:

提示:欢迎大家在评论区讨论相关问题。
可以关注博主,我会持续更新工作中遇到的技术小砖头,供大家使用。
也可以在评论区告知好的小砖头或技术,我会收录。
还可以指出本博文错误,希望大家不吝赐教。

转载请注明出处或者链接地址:https://www.qianduange.cn//article/9836.html
标签
评论
发布的文章
大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!