ECharts (Enterprise Charts 商業(yè)產(chǎn)品圖表庫)

提供商業(yè)產(chǎn)品常用圖表，底層基于ZRender（一個全新的輕量級canvas類庫），創(chuàng)建了坐標(biāo)系，圖例，提示，工具箱等基礎(chǔ)組件，并在此上構(gòu)建出折線圖、柱狀圖、散點圖、K線圖、餅圖、雷達圖、地圖、和弦圖、力導(dǎo)向布局圖、儀表盤以及漏斗圖，同時支持任意維度的堆積和多圖表混合展現(xiàn)。

Echarts device

Echarts explorer

支持IE6/7/8/9+，chrome、firefox、safari、opera

(IE8- power by excanvas )

特色

我們誠摯邀請你翻閱這份在線文檔 《 Why ECharts ? 》 你可以從中更直觀的體驗到ECharts的特性以及快速瀏覽到所有圖表類型。

*文檔中展現(xiàn)的個別特性在IE8-中并沒有得到支持，所以建議使用IE9+、chrome、safari、firefox或opera等現(xiàn)代瀏覽器閱讀這份文檔。

Echarts mix

混搭

混搭的圖表會更具表現(xiàn)力也更有有趣味，ECharts提供的圖表（共11類17種）支持任意混搭：

折線圖（面積圖）、柱狀圖（條形圖）、散點圖（氣泡圖）、K線圖、

餅圖（環(huán)形圖）、雷達圖、地圖、和弦圖、力導(dǎo)布局圖、儀表盤、漏斗圖。

混搭情況下一個標(biāo)準(zhǔn)圖表：包含唯一圖例、工具箱、數(shù)據(jù)區(qū)域縮放、值域漫游模塊，一個直角坐標(biāo)系（可包含一條或多條類目軸線，一條或多條值軸線，最多上下左右四條）

拖拽重計算

拖拽重計算特性（專利）帶來了數(shù)據(jù)統(tǒng)計圖表從未有過的用戶體驗，允許用戶對統(tǒng)計數(shù)據(jù)進行有效的提取、整合，甚至在多個圖表間交換數(shù)據(jù)，賦予了用戶對數(shù)據(jù)進行挖掘、整合的能力。

Echarts 拖拽重計算

Echarts 數(shù)據(jù)視圖

數(shù)據(jù)視圖

如果你所呈現(xiàn)的數(shù)據(jù)足夠讓用戶所關(guān)心，那么他們將不滿足于查看可視化的圖表，要去逐一迎合他們下載保存，數(shù)據(jù)分享，加工整合已有數(shù)據(jù)等等需求？

或許你只要給予一個“,”分隔的數(shù)據(jù)文本他們就懂了，這就是ECharts的數(shù)據(jù)視圖！當(dāng)然，你可以重載數(shù)據(jù)視圖的輸出方法，用你獨特的方式去呈現(xiàn)數(shù)據(jù)。

如果你的用戶足夠的高端，你甚至可以打開數(shù)據(jù)視圖的編輯功能，跟拖拽重計算相比，這可是批量的數(shù)據(jù)修改！

動態(tài)類型切換

很多圖表類型本身所表現(xiàn)的能力是相似的，但由于數(shù)據(jù)差異、表現(xiàn)需求和個人喜好的不同導(dǎo)致最終圖表所呈現(xiàn)的張力又大不一樣，比如折線圖和柱狀圖的選擇,系列數(shù)據(jù)是堆疊還是平鋪總是讓人頭疼。

ECharts提供了動態(tài)類型切換，讓用戶隨心所欲的切換到他所需要的圖表類型和堆疊狀態(tài)。

Echarts 動態(tài)類型切換

Echarts 圖例開關(guān)

圖例開關(guān)

多系列數(shù)據(jù)的同時展現(xiàn)呈現(xiàn)出豐富內(nèi)容，但如何讓用戶切換到他所關(guān)心的個別系列上？

ECharts提供了方便快捷的多維度圖例開關(guān)，可以隨時切換到你所關(guān)心的數(shù)據(jù)系列。

數(shù)據(jù)區(qū)域選擇

數(shù)據(jù)可以是無限的，但顯示空間總是有限的，數(shù)據(jù)區(qū)域選擇組件提供了大數(shù)據(jù)量中漫游的能力，讓用戶選擇并呈現(xiàn)他所關(guān)心的數(shù)據(jù)區(qū)域。

配合隨動的均值（極值）標(biāo)線，標(biāo)注展現(xiàn)強大的數(shù)據(jù)剖析能力。 try this 》

Echarts 數(shù)據(jù)區(qū)域縮放

Echarts 多圖聯(lián)動

多圖聯(lián)動

多系列數(shù)據(jù)在同一個直角系內(nèi)同時展現(xiàn)有時候會產(chǎn)生混亂，但他們又存在極強的關(guān)聯(lián)意義不可分離？

ECharts提供了多圖聯(lián)動的能力（connect），能做的可不僅僅是鼠標(biāo)劃過的詳情顯示，連接的多個圖表會共享組件事件并且實現(xiàn)了保存圖片時的自動拼接。 try this 》

值域漫游

基于坐標(biāo)的圖表（如地圖、散點圖）通過色彩變化表現(xiàn)數(shù)值的大小能直觀形象的展示數(shù)據(jù)分布。

但如何聚焦到我所關(guān)心的數(shù)值上？我們創(chuàng)造了稱為值域漫游的功能，讓你可以輕松進行數(shù)值篩選。

Echarts 值域漫游

Echarts 炫光特效

炫光特效

我們知道，很多時候我們需要一些吸引眼球的能力。

ECharts支持標(biāo)注標(biāo)線的炫光特效，特別用在地圖上輕松實現(xiàn)百度遷徙數(shù)據(jù)可視化特效

大規(guī)模數(shù)據(jù)模式

如何展現(xiàn)成千上百萬的數(shù)據(jù)？貌似除了用專業(yè)的統(tǒng)計工具（如MATLAB）外別無選擇？

不，在擁有如此多交互特性下ECharts依然可以做到直角系圖表（折、柱、散點、K線）20萬數(shù)據(jù)秒級內(nèi)渲染完成，這對于常規(guī)的應(yīng)用，用現(xiàn)代瀏覽器就足以輕松展現(xiàn)百萬規(guī)模的數(shù)據(jù)！

Echarts 大規(guī)模散點圖

Echarts 動態(tài)數(shù)據(jù)添加 Echarts 動態(tài)數(shù)據(jù)添加

動態(tài)數(shù)據(jù)添加

如果你需要展示有實時變化的數(shù)據(jù)，相信這個動態(tài)接口會對你很有幫助。

標(biāo)線輔助

趨勢線？平均線？上升通道？支持位？專業(yè)的你自然知道該怎么用

提供標(biāo)線輔助在K線圖中可是必要的功能！當(dāng)然，ECharts中的任何圖表都可以使用。

Echarts 標(biāo)線輔助

Echarts 多維度堆積

多維度堆積

支持多系列，多維度的數(shù)據(jù)堆積，配合自動伸縮的圖形實體和直角坐標(biāo)系，能呈現(xiàn)出更有內(nèi)涵的統(tǒng)計圖表~

子區(qū)域地圖模式

地圖類型支持world，china及全國34個省市自治區(qū)。同時支持子區(qū)域模式，通過主地圖類型擴展出所包含的子區(qū)域地圖，輕易輸出全球176個國家地區(qū)和全國600多個省市區(qū)域簡圖， try this 》

Echarts 子區(qū)域地圖

Echarts 標(biāo)準(zhǔn)GeoJson擴展

GeoJson地圖擴展

內(nèi)置地圖由標(biāo)準(zhǔn)GeoJson地理數(shù)據(jù)并經(jīng)過高效的壓縮算法壓縮生成的地圖數(shù)據(jù)（大小僅為標(biāo)準(zhǔn)geoJson的30%左右）驅(qū)動而來。如果內(nèi)置地圖類型或數(shù)據(jù)如果并未滿足你的項目需要，可通過簡單動態(tài)注冊產(chǎn)生你所需要的新類型， try this 》

標(biāo)注 & 標(biāo)線

添加額外的標(biāo)注內(nèi)容是常用的功能，如地圖上標(biāo)注某些特定位置，折線圖上標(biāo)注極值點或者柱形圖里標(biāo)線出變化趨勢，ECharts全系列圖表支持標(biāo)注標(biāo)線功能，并且與生俱來的可以響應(yīng)圖例開關(guān)、值域漫游等組件的交互功能。

Echarts 全系列圖表支持標(biāo)注、標(biāo)線 Echarts 全系列圖表支持標(biāo)注、標(biāo)線

Echarts 多級控制 Echarts 高度個性化

個性化定制

超過600個可配置選項結(jié)合多級控制設(shè)計滿足高度定制的個性化需求。

詳細(xì)文檔 »

事件交互

可以捕獲的用戶交互和數(shù)據(jù)變化事件實現(xiàn)圖表間或者與外界的聯(lián)動。try this »

事件調(diào)試try this »

Echarts 事件交互

Echarts 百搭時間軸

百搭時間軸

時空數(shù)據(jù)分析是信息可視化里一個相當(dāng)重要的方向！ECharts提供可與任意圖表搭配使用的時間軸控件以展現(xiàn)時空數(shù)據(jù)變化。

更新介紹：

[Feature] [geo] [map] 支持在原始 GeoJSON 數(shù)據(jù)中定義區(qū)域樣式。#20564 (plainheart)

[Feature] [geo] [map] 新增 regions[].silent 選項以支持禁用部分區(qū)域的交互。#20566 (Ovilia)

[Feature] [axis] 為軸標(biāo)簽 axisLabel 添加 tooltip 支持。#16315 (plainheart)

[Feature] [text] Text 元素新增 isTruncated 屬性用以判斷當(dāng)前文本是否溢出隱藏。#1101 (100pah)

[Feature] [sunburst] 新增 'relative' 高亮聚焦策略用以聚焦所有子孫和祖先節(jié)點。#20399 (sz-p)

[Feature] [axis] 坐標(biāo)軸分隔線 splitLine 新增 showMinLine / showMaxLine 選項。#20114 (adaelixir)

[Feature] [dataZoom] 新增 handleLabel.show 選項以控制 dataZoom 滑塊標(biāo)簽是否顯示。#20082 (Ovilia)

[Feature] [calendar] 日歷坐標(biāo)系年月日標(biāo)簽新增 silent 選項以禁用交互。#20492 (plainheart)

[Feature] [treemap] 矩形樹圖新增 cursor 選項以設(shè)置鼠標(biāo)樣式。#20113 (adaelixir)

[Feature] [aria] 新增 aria.data.excludeDimensionId 選項以支持從 aria-label 中排除指定數(shù)據(jù)維度。#20218 (semla)

[Feature] [aria] 為圖表容器元素添加 role="img" 屬性。#20050 (ViniciusCestarii)

[Feature] [i18n] 新增瑞典語翻譯。#20227 (NajamShehzad)

[Feature] [i18n] 新增波斯語翻譯。#20312 (Ayazadeh)

[Feature] [i18n] 改進波蘭語翻譯。#20348 (ViniciusCestarii)

[Fix] [line] 減少運行時內(nèi)存消耗。#20161 (plainheart)

[Fix] [line] 修復(fù)階梯線圖中區(qū)域樣式 areaStyle 傾斜問題及錯誤的 connectNull 行為。#20092 (Ovilia)

[Fix] [candlestick] 修復(fù)自 v5.0.0 起 K 線圖高亮、選中、失焦等狀態(tài)配置不起作用的問題。#20105 (plainheart)

[Fix] [legend] 修復(fù)當(dāng)存在多個圖例組件時，action 行為沒有彼此隔離的問題。#20129 (plainheart)

[Fix] [bar] 修復(fù)柱狀圖在大數(shù)據(jù)量時邊框顏色遮擋柱條顏色的問題。#20465 (DevitX)

[Fix] [pictorial] 修復(fù)象形柱圖圖形元素可能意外反轉(zhuǎn)的問題。#20557 (Ovilia)

[Fix] [visualMap] 修復(fù)當(dāng) selectedMode 禁用時光標(biāo)仍然顯示為 cursor 的問題。#20551 (sz-p)

[Fix] [visualMap] 修復(fù)水平布局下標(biāo)簽可能重疊的問題。#20249 (WojciechKrakowiak)

[Fix] [tooltip] 修復(fù) tooltip 在 notMerge 選項合并策略下可能報錯的問題。#20435 (ktx-abhay)

[Fix] [tooltip] 修復(fù) tooltip textStyle.lineHeight 行高樣式不生效的問題。#20398 (sz-p)

[Fix] [sankey] 修復(fù)桑基圖在沒有定義 links / nodes / levels 選項時報錯的問題。#20380 (sz-p)

[Fix] [polar] 修復(fù)極坐標(biāo)系下的裁剪問題。#20370 (sz-p)

[Fix] [boxplot] 修復(fù)箱形圖在類目軸下的 encode 編碼映射問題。#20324 (jonoshearman)

[Fix] [sampling] 修正 minmax 采樣算法。#20315 (ribeirompl)

[Fix] [gauge] 修復(fù)進度條可能顯示在儀表盤軸線下方的問題。#20276 (kingyue737)

[Fix] [axis] 修復(fù)在啟用 dataZoom 組件時，自定義軸刻度及標(biāo)簽溢出圖表的問題。#20194 (Ovilia)

[Fix] [axis] [time] 修復(fù)柱狀圖在反向時間軸下柱條寬度可能溢出的問題。#20246 (Ovilia)

[Fix] [theme] 修復(fù)深色模式下圖例分頁標(biāo)簽的文本顏色。#20396 (plainheart)

[Fix] [pie] 修復(fù)餅圖部分標(biāo)簽可能不顯示的問題。#20074 (liuyunzidian)

[Fix] [grid] 修復(fù)自定義系列的邊界裁切問題。#20043 (fandi-1205)

[Fix] [svg] 修復(fù) SSR 模式下 SVG 元素可能無法交互的問題及透明顏色的平臺兼容性問題。#1076 (plainheart)

[Fix] [data] 修復(fù) SeriesData#rawIndexOf 潛在的報錯問題。#20534 (plainheart)

[Fix] [text] 修復(fù)當(dāng)標(biāo)簽溢出并被截斷時，其包圍盒計算錯誤導(dǎo)致無法交互的問題。#1091 (linghaoSu) #1100 (100Pah)

[Fix] [env] 修復(fù)對 node 環(huán)境的偵測邏輯。#1037 (Uzlopak) #1071 (xg-qd) #1086 (plainheart)

[Fix] [type] 修復(fù)標(biāo)線 markLine 的 symbolOffset 的類型聲明，其可以是一個二維數(shù)組用以分別設(shè)置兩端標(biāo)記的偏移量。#20491 (plainheart)