ECharts圖形設(shè)計(jì)軟件是一款非常好用的專業(yè)圖形圖像處理工具,它的主要作用是幫助用戶進(jìn)行快速的企業(yè)圖形文案等制作,通過(guò)圖形圖像的結(jié)合來(lái)提升文案的直觀性!與專業(yè)圖像有所區(qū)別,它等傾向于位圖和logo圖標(biāo)方面!
應(yīng)用簡(jiǎn)介:
在新版本ECharts中,新增象形柱圖、主題河流圖、水球圖三種新圖表。象形柱圖利用圖片和形狀表現(xiàn)數(shù)據(jù),主題河流圖可以用來(lái)表示事件或主題等在一段時(shí)間內(nèi)變化,水球圖常用來(lái)展現(xiàn)百分比數(shù)據(jù)。
應(yīng)用產(chǎn)品特性:
【象形柱圖】
象形柱圖是可以設(shè)置各種具象圖形元素(如圖片、SVG PathData 等)的柱狀圖。往往用在信息圖中,用于有至少一個(gè)類目軸或時(shí)間軸的直角坐標(biāo)系上。
在 ECharts 圣誕活動(dòng)頁(yè)中,我們制作了以下這個(gè)馴鹿和交通方式的速度對(duì)比圖,這樣的圖表可以使用 ECharts 象形柱圖方便地實(shí)現(xiàn)。
【表值數(shù)據(jù)圖】
除此之外,象形柱圖還可以用同一圖形的個(gè)數(shù)表現(xiàn)數(shù)值,實(shí)現(xiàn)類似 ECharts 圣誕活動(dòng)頁(yè)中一群小精靈的效果。因而象形柱圖可以很大程度上滿足信息圖的制圖需求。
【地理提示圖】
主題河流圖是一種特殊的流圖,它主要用來(lái)表示事件或主題等在一段時(shí)間內(nèi)的變化。主題河流中不同顏色的條帶狀河流分支編碼了不同的事件或主題,河流分支的寬度編碼了原數(shù)據(jù)集中的 value 值。此外,原數(shù)據(jù)集中的時(shí)間屬性,映射到單個(gè)時(shí)間軸上。
【動(dòng)態(tài)logo】
水球圖的使用方式非常簡(jiǎn)單,實(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)系。參見(jiàn) 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í)長(zhǎng)。
5、category axis 支持了 min max 的設(shè)置。
6、category axis 默認(rèn)情況會(huì)顯示所有的類目,不論是否有類目中沒(méi)有數(shù)據(jù)(原先兩端的沒(méi)有數(shù)據(jù)的類目不會(huì)被顯示)。
7、singleAxis 中的 data 支持了一維數(shù)組的數(shù)據(jù)格式,如 [11, 23, 44]。
8、dataZoom 支持了 singleAxis。
9、開(kāi)放了 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í)顯示。參見(jiàn) visualMap-piecewise.showLabel。
14、支持了 visualMap 支持系列中的某些數(shù)據(jù)不受 visualMap 控制。
15、 在 showTip 事件中開(kāi)放了 dataIndex 參數(shù)。
16、修復(fù)了 tooltip 中的 XSS 隱患。
17、修復(fù)了 series-graph.edgeLabel 中部分屬性無(wú)效的問(wèn)題。
18、修復(fù)了 series-gauge 中 min max 是 stirng 時(shí)的 tick 渲染問(wèn)題。
19、修復(fù)了 series-gauge.pointer.show 的問(wèn)題。
20、修復(fù)了 series-radar 在無(wú)數(shù)據(jù)時(shí)渲染可能拋錯(cuò)的問(wèn)題。
21、修復(fù)了 markArea.label.normal.show 的問(wèn)題。
22、優(yōu)化了 log 數(shù)軸 中,數(shù)據(jù)小于等于 0 時(shí)的處理。