问题描述
提示:这里描述具体问题:
在每次显示的echarts图表时,有时候需要将之前的数据删除,在这个时候不能用clear,用这个删除会导致整个图表都删掉了,还得重新初始化。
原因分析:
提示:这里填写问题的分析:clear是将整个图表清除,而不是清除数据。
解决方案:
提示:这里填写该问题的具体解决方案:清除数据最简单的办法是获取要清除数据的图表,然后获得series,将其置空即可。文章来源:https://www.toymoban.com/news/detail-630921.html
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.toymoban.com/news/detail-630921.html
到了这里,关于echarts清空数据不能使用clear,完美解决清空图表的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!