咨询电话:
15628812133
12
2023/08

Echarts清空画布

发布时间:2023-08-12 15:09:10
发布者:贝蒂小熊
浏览量:
0

今天做饼图的时候发现了一个小bug,我们进入页面一般是请求数据,渲染图表,有数据就显示,没有数据就空着,但是如果请求的时候有数据,但是请求的条件没有数据的情况呢?

看下图,我点击了今日的按钮,请求了今日00:00-23:59的数据,后端返回的值夜全部都是0,现在依然是进入页面时请求的本月的数据,但是今日的数据应该都是0,所以今日的数据并没有被渲染。

本月和本周都因为有数据而渲染,单单今日没有被渲染肯定不是数据配置的问题。

 Echarts清空画布

于是去百度搜了一下,发现要清空画布。如下代码。

myChart.clear()

在每次渲染之前都需要清空一下画布,尤其是这种作用于一个id的数据。

 Echarts清空画布

现在成了这样,光秃秃的也不好看。所以请输入我压箱底的宝贝。

option = {
    title: {
    text: '暂无数据',
    x: 'center',
    y: 'center',
    textStyle: {
     fontSize: 14,
     fontWeight: 'normal',
             }
        }
   }
option && myChart.setOption(option);

Echarts清空画布

Beautiful!


关键词:
返回列表