G2plot 面积图Area更新空数据，页面渲染不彻底

Unique·Blue

已于 2022-06-28 17:56:43 修改

阅读量849

点赞数

分类专栏： Antv 文章标签：大数据

于 2022-06-28 17:54:56 首次发布

本文链接：https://blog.csdn.net/weixin_42289080/article/details/125507166

版权

Antv 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

初始化图表，第一次渲染时，是非空的数据

如图
在这里插入图片描述

经过用户筛选时间后，数据变成了 `空数组`

执行 changeData 更新图表数据

this.chart.changeData([])

此时页面没有更新彻底，变成了这样：
（X轴 和 图例 此时都应该清空才对，因为已经变成空数组了）
在这里插入图片描述

说明此时只调用changeData是不够的，需要先销毁图表，再初始化

在这里插入图片描述

if (!data.length) {
  // 若此次渲染的是空数组，先销毁图表，再进行初始化（避免图表更新不彻底）
  this.chart.destroy()
  // 自定义的初始化图表的方法，里面是图表的实例化
  this.initArea()
} else {
  // 更新图表数据
  this.chart.changeData(data)
}