今天做饼图的时候发现了一个小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根据数据量控制宽度
下一篇: 层级选择器之关键词搜索功能