Echarts清空畫布
今天做餅圖的時(shí)候發(fā)現(xiàn)了一個(gè)小bug，我們進(jìn)入頁(yè)面一般是請(qǐng)求數(shù)據(jù)，渲染圖表，有數(shù)據(jù)就顯示，沒(méi)有數(shù)據(jù)就空著，但是如果請(qǐng)求的時(shí)候有數(shù)據(jù)，但是請(qǐng)求的條件沒(méi)有數(shù)據(jù)的情況呢，看下圖，我點(diǎn)擊了今日的按鈕，請(qǐng)求了今日00:00-23:59的數(shù)據(jù)，后端返回的值夜全部都是0，但因?yàn)檫M(jìn)入頁(yè)面時(shí)請(qǐng)求的是本月，所以今日的數(shù)據(jù)并沒(méi)有被渲染。本月和本周都因?yàn)橛袛?shù)據(jù)而渲染，單單今日沒(méi)有被渲染肯定不是數(shù)據(jù)配置的問(wèn)題。 于是去百度搜...
Echarts根據(jù)數(shù)據(jù)量控制寬度
之前給大家講過(guò)如何通過(guò)控制數(shù)據(jù)的間隔來(lái)實(shí)現(xiàn)避免x軸過(guò)于擁擠，其實(shí)還有另外一種方法就是設(shè)置滾動(dòng)條，其實(shí)echarts是有滾動(dòng)條這個(gè)屬性的只不過(guò)很丑，如下圖 這個(gè)屬性叫做dataZoom，有縮放的滾動(dòng)的功能，感興趣的大家可以了解一下，但是我們這里只需要滾動(dòng)條，那該怎么辦呢？其實(shí)完全可以配合css解決這個(gè)問(wèn)題。 這里給大家看一下我的區(qū)域劃分。 紅色的部分為一個(gè)div，綠色的頭部...
Echarts自定義提示框文字
上一篇文章為大家分享了如何控制echarts的提示文字的顏色和如何自定義文字。接下來(lái)為大家分享如何自定義提示框的文字。Echaets默認(rèn)的提示框如下。 而我們要做成這種樣式。 簡(jiǎn)單分析一下，整個(gè)提示框分為上下兩層，上層由數(shù)據(jù)名、數(shù)據(jù)值、和‘次’組成，下層是數(shù)據(jù)的時(shí)間，有趣的地方是上層和下層的css明顯不一樣。而echarts的官方文檔中并沒(méi)有這樣根據(jù)換行來(lái)改變css的屬性，...
Echarts玫瑰餅圖控制圖表顏色文字一致
在echarts的默認(rèn)配置里，描述的文字都是以series中data中的name為數(shù)據(jù)，顏色為data中的label下的color控制，知道了修改的方法那么修改就很簡(jiǎn)單了?？刂芿charts圖表的顏色在option.color，而echarts官方是有默認(rèn)顏色的。['#5470c6', '#91cc75', '#fac858', '#ee66...
