今天做饼图的时候发现了一个小bug,我们进入页面一般是请求数据,渲染图表,有数据就显示,没有数据就空着,但是如果请求的时候有数据,但是请求的条件没有数据的情况呢?
看下图,我点击了今日的按钮,请求了今日00:00-23:59的数据,后端返回的值夜全部都是0,现在依然是进入页面时请求的本月的数据,但是今日的数据应该都是0,所以今日的数据并没有被渲染。
本月和本周都因为有数据而渲染,单单今日没有被渲染肯定不是数据配置的问题。

于是去百度搜了一下,发现要清空画布。如下代码。
myChart.clear()
在每次渲染之前都需要清空一下画布,尤其是这种作用于一个id的数据。

现在成了这样,光秃秃的也不好看。所以请输入我压箱底的宝贝。
option = {
title: {
text: '暂无数据',
x: 'center',
y: 'center',
textStyle: {
fontSize: 14,
fontWeight: 'normal',
}
}
}
option && myChart.setOption(option);
Beautiful!
上一篇: Echarts根据数据量控制宽度
下一篇: 层级选择器之关键词搜索功能



