echarts没有数据时显示暂无数据

附代码:

当有数据时实例化echarts,无数据时操作dom更新内容为‘无数据’。

这样会有一个问题,如果已经实例化的echarts更改dom后再刷新echarts图表是无法渲染的。

因为在echarts图表实例化的过程中会在div容器上生成_echarts_instance_属性,这个属性其实就是当前echarts的id,刷新已经实例化的图表会先比较实例对象的id是否与_echarts_instance_属性值一样,因为破坏了结构,所以无法渲染。

所以我们在更改已经实例化过echarts图表的dom 时首先要移除_echarts_instance_属性,这样再刷新echarts图表就会渲染了

你可能感兴趣的:(echarts没有数据时显示暂无数据)