應(yīng)用簡介:
在新版本ECharts中,新增象形柱圖、主題河流圖、水球圖三種新圖表。象形柱圖利用圖片和形狀表現(xiàn)數(shù)據(jù),主題河流圖可以用來表示事件或主題等在一段時(shí)間內(nèi)變化,水球圖常用來展現(xiàn)百分比數(shù)據(jù)。
應(yīng)用產(chǎn)品特性:
【象形柱圖】
象形柱圖是可以設(shè)置各種具象圖形元素(如圖片、SVG PathData等)的柱狀圖。往往用在信息圖中,用于有至少一個(gè)類目軸或時(shí)間軸的直角坐標(biāo)系上。
在ECharts 圣誕活動(dòng)頁中,我們制作了以下這個(gè)馴鹿和交通方式的速度對比圖,這樣的圖表可以使用 ECharts 象形柱圖方便地實(shí)現(xiàn)。
【表值數(shù)據(jù)圖】
除此之外,象形柱圖還可以用同一圖形的個(gè)數(shù)表現(xiàn)數(shù)值,實(shí)現(xiàn)類似 ECharts 圣誕活動(dòng)頁中一群小精靈的效果。因而象形柱圖可以很大程度上滿足信息圖的制圖需求。
【地理提示圖】
主題河流圖是一種特殊的流圖,它主要用來表示事件或主題等在一段時(shí)間內(nèi)的變化。主題河流中不同顏色的條帶狀河流分支編碼了不同的事件或主題,河流分支的寬度編碼了原數(shù)據(jù)集中的value值。此外,原數(shù)據(jù)集中的時(shí)間屬性,映射到單個(gè)時(shí)間軸上。
【動(dòng)態(tài)logo】
水球圖的使用方式非常簡單,實(shí)現(xiàn)以下這樣的效果,只需要將系列類型設(shè)為liquidFill,并且指定數(shù)據(jù)即可。
新版更新特征:
1、map series可以使用用戶指定的geo 坐標(biāo)系了(原先是只能使用內(nèi)置的 geo 坐標(biāo)系)。從而,geo 坐標(biāo)系可以使用map series控制自身的顏色,并且map series可以和其他類型的 series(如scatter series)共享 geo 坐標(biāo)系。參見series-map.geoIndex。
2、增加了focusNodeAdjacency action,從而能用 API 控制graph的連接高亮。
3、增加了series-pie.animationType,支持不同的餅圖動(dòng)畫效果。
4、animationDuration增加了回調(diào)函數(shù)支持,可以根據(jù)不同的數(shù)據(jù)項(xiàng)得到不同的動(dòng)畫時(shí)長。
5、category axis支持了minmax的設(shè)置。
6、category axis默認(rèn)情況會顯示所有的類目,不論是否有類目中沒有數(shù)據(jù)(原先兩端的沒有數(shù)據(jù)的類目不會被顯示)。
7、singleAxis中的data支持了一維數(shù)組的數(shù)據(jù)格式,如[11, 23, 44]。
8、dataZoom支持了singleAxis。
9、開放了 throttle 工具方法:chart.util.throttle。
10、優(yōu)化了直角坐標(biāo)系中數(shù)據(jù)全不顯示時(shí)的顯示效果。
11、K 線圖支持了barWidth,barMinWidth,barMaxWidth設(shè)置。
12、線圖支持了symbol,symbolSize設(shè)置。
13、支持了visualMap-piecewise中數(shù)據(jù)標(biāo)簽和首尾的文本同時(shí)顯示。參見visualMap-piecewise.showLabel。
14、支持了visualMap支持系列中的某些數(shù)據(jù)不受visualMap控制。
15、 在showTip事件中開放了dataIndex參數(shù)。
16、修復(fù)了 tooltip 中的 XSS 隱患。
17、修復(fù)了series-graph.edgeLabel中部分屬性無效的問題。
18、修復(fù)了series-gauge中minmax是stirng時(shí)的 tick 渲染問題。
19、修復(fù)了series-gauge.pointer.show的問題。
20、修復(fù)了series-radar在無數(shù)據(jù)時(shí)渲染可能拋錯(cuò)的問題。
21、修復(fù)了markArea.label.normal.show的問題。
22、優(yōu)化了log 數(shù)軸中,數(shù)據(jù)小于等于 0 時(shí)的處理。