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

Echarts根据数据量控制宽度
之前给大家讲过如何通过控制数据的间隔来实现避免x轴过于拥挤,其实还有另外一种方法就是设置滚动条,其实echarts是有滚动条这个属性的只不过很丑,如下图 这个属性叫做dataZoom,有缩放的滚动的功能,感兴趣的大家可以了解一下,但是我们这里只需要滚动条,那该怎么办呢?其实完全可以配合css解决这个问题。 这里给大家看一下我的区域划分。 红色的部分为一个div,绿色的头部...

Echarts自定义提示框文字
上一篇文章为大家分享了如何控制echarts的提示文字的颜色和如何自定义文字。接下来为大家分享如何自定义提示框的文字。Echaets默认的提示框如下。 而我们要做成这种样式。 简单分析一下,整个提示框分为上下两层,上层由数据名、数据值、和‘次’组成,下层是数据的时间,有趣的地方是上层和下层的css明显不一样。而echarts的官方文档中并没有这样根据换行来改变css的属性,...

Echarts玫瑰饼图控制图表颜色文字一致
在echarts的默认配置里,描述的文字都是以series中data中的name为数据,颜色为data中的label下的color控制,知道了修改的方法那么修改就很简单了。控制echarts图表的颜色在option.color,而echarts官方是有默认颜色的。['#5470c6', '#91cc75', '#fac858', '#ee66...