ECharts特別版是一款功能非常強大的專業圖形圖像處理工具,這款軟件不僅為用戶提供了多種強大的作圖功能,從而讓你可以快速制作出自己需要的各種圖形。同時ECharts中文版還兼容當前絕大部分瀏覽器,讓用戶們可以在瀏覽器上打開這些圖形瀏覽。
ECharts中文版是一款非常好用的專業圖形圖像處理工具。ECharts圖形設計軟件的主要作用是幫助用戶進行快速的企業圖形文案等制作,通過圖形圖像的結合來提升文案的直觀性!與專業圖像有所區別,它等傾向于logo圖標和位圖方面。在ECharts最新版中新增了象形柱圖、主題河流圖、水球圖三種新圖表。象形柱圖利用圖片和形狀表現數據,主題河流圖可表示事件或主題等在一段時間內的變化,水球圖常用來展現百分比數據。
拖拽重計算
拖拽重計算特性(專利)帶來了數據統計圖表從未有過的用戶體驗,允許用戶對統計數據進行有效的提取、整合,甚至在多個圖表間交換數據,賦予了用戶對數據進行挖掘、整合的能力
值域漫游
基于坐標的圖表(如地圖、散點圖)通過色彩變化表現數值的大小能直觀形象的展示數據分布。但如何聚焦到我所關心的數值上?echarts擁有值域漫游的功能,讓你可以輕松進行數值篩選
大規模數據模式
如何展現成千上百萬的數據?貌似除了用專業的統計工具(如matlab)外別無選擇?不,在擁有眾多交互特性下echarts依然可以做到直角系圖表(折、柱、散點、k線)20萬數據秒級出圖
動態logo
水球圖的使用方式非常簡單,實現以下這樣的效果,只需要將系列類型設為liquidfill,并且指定數據即可
表值數據圖
除此之外,象形柱圖還可以用同一圖形的個數表現數值,實現類似echarts圣誕活動頁中一群小精靈的效果。因而象形柱圖可以很大程度上滿足信息圖的制圖需求
地理提示圖
主題河流圖是一種特殊的流圖,它主要用來表示事件或主題等在一段時間內的變化。主題河流中不同顏色的條帶狀河流分支編碼了不同的事件或主題,河流分支的寬度編碼了原數據集中的value值。此外,原數據集中的時間屬性,映射到單個時間軸上
象形柱圖
象形柱圖是可以設置各種具象圖形元素(如圖片、svgpathdata等)的柱狀圖。往往用在信息圖中,用于有至少一個類目軸或時間軸的直角坐標系上,在echarts圣誕活動頁中,我們制作了以下這個馴鹿和交通方式的速度對比圖,這樣的圖表可以使用echarts象形柱圖方便地實現
1.下載完成之后,我們也可以來使用,創建一個html文件引用echarts.js和設置兩個具備寬高的div準備繪制柱狀圖和餅圖,如下圖所示
2.我們基于創建好的柱狀圖div,首先指定圖表的配置項和數據,然后將圖表的配置項和數據都顯示出來,如下圖所示
3.我們在瀏覽器打開,可以看到已經成功通過echarts繪制了一個柱狀圖,如下圖所示
4.我們下面來繪制餅圖,同樣也是先初始化echarts實例,指定圖表配置項和數據,如下圖所示
5.我們在瀏覽器重新打開頁面,可以看到餅圖也繪制好了,如下圖所示
6.我們也可以進去官網,查看文檔,掌握詳細的使用方法,如下圖所示
1、echarts是做什么的?
答:簡單來說是互聯網開發程序過程中,后臺數據庫用以實現數據到圖形的映射的一個插件。
2、echarts is not defined是什么意思?
答:出現了echarts is not defined的報錯是版本的問題。
對于壓縮版的echarts2.2.7及以上版本,是包含了esl的,所以直接像官網一樣引入到頁面即可。
也有可能是直接引用了項目文件,這不是模塊化的方式,所以瀏覽器也就很直接報錯誤。
1、map series可以使用用戶指定的geo 坐標系了(原先是只能使用內置的 geo 坐標系)。從而,geo 坐標系可以使用map series控制自身的顏色,并且map series可以和其他類型的 series(如scatter series)共享 geo 坐標系。參見series-map.geoIndex。
2、增加了focusNodeAdjacency action,從而能用 API 控制graph的連接高亮。
3、增加了series-pie.animationType,支持不同的餅圖動畫效果。
4、animationDuration增加了回調函數支持,可以根據不同的數據項得到不同的動畫時長。
5、category axis支持了minmax的設置。
6、category axis默認情況會顯示所有的類目,不論是否有類目中沒有數據(原先兩端的沒有數據的類目不會被顯示)。
7、singleAxis中的data支持了一維數組的數據格式,如[11, 23, 44]。
8、dataZoom支持了singleAxis。
9、開放了 throttle 工具方法:chart.util.throttle。
10、優化了直角坐標系中數據全不顯示時的顯示效果。
11、K 線圖支持了barWidth,barMinWidth,barMaxWidth設置。
12、線圖支持了symbol,symbolSize設置。
13、支持了visualMap-piecewise中數據標簽和首尾的文本同時顯示。參見visualMap-piecewise.showLabel。
14、支持了visualMap支持系列中的某些數據不受visualMap控制。
15、 在showTip事件中開放了dataIndex參數。
16、修復了 tooltip 中的 XSS 隱患。
17、修復了series-graph.edgeLabel中部分屬性無效的問題。
18、修復了series-gauge中minmax是stirng時的 tick 渲染問題。
19、修復了series-gauge.pointer.show的問題。
20、修復了series-radar在無數據時渲染可能拋錯的問題。
21、修復了markArea.label.normal.show的問題。
22、優化了log 數軸中,數據小于等于 0 時的處理。