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

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

Echarts device

Echarts explorer

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

(IE8- power by excanvas )

特色

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

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

Echarts mix

混搭

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

折線圖（面積圖）、柱狀圖（條形圖）、散點(diǎn)圖（氣泡圖）、K線圖、

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

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

拖拽重計(jì)算

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

Echarts 拖拽重計(jì)算

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

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

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

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

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

動(dòng)態(tài)類型切換

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

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

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

Echarts 圖例開關(guān)

圖例開關(guān)

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

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

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

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

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

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

Echarts 多圖聯(lián)動(dòng)

多圖聯(lián)動(dòng)

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

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

值域漫游

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

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

Echarts 值域漫游

Echarts 炫光特效

炫光特效

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

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

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

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

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

Echarts 大規(guī)模散點(diǎn)圖

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

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

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

標(biāo)線輔助

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

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

Echarts 標(biāo)線輔助

Echarts 多維度堆積

多維度堆積

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

子區(qū)域地圖模式

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

Echarts 子區(qū)域地圖

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

GeoJson地圖擴(kuò)展

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

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

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

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

Echarts 多級(jí)控制 Echarts 高度個(gè)性化

個(gè)性化定制

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

詳細(xì)文檔 »

事件交互

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

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

Echarts 事件交互

Echarts 百搭時(shí)間軸

百搭時(shí)間軸

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

ECharts 更新日志：

v4.2.1.rc1

[Fix] 修復(fù)了文本緩存的問題。

[Fix] 修復(fù)了在一些情況下事件處理器中重新 setOption 時(shí)拋異常的問題。

[Fix] 修復(fù)了 geo 中 showTip 異常的問題。

[Fix] 修復(fù)了一些情況下堆疊柱狀圖超出直角坐標(biāo)系范圍的問題。

[Fix] 修復(fù)了圖例組件（legend）當(dāng)空間只夠顯示一項(xiàng)時(shí)不能翻頁的問題。

[Fix] 修復(fù)了餅圖標(biāo)簽（label）定位在中心時(shí)，在一些角度下有便宜的問題。

[Fix] 修復(fù)了地圖坐標(biāo)系（geo）在 MS Edge 下不能拖動(dòng)的問題。

[Fix] 修復(fù)了地圖系列（series.type: 'map'）標(biāo)簽不能顯示的問題。

[Fix] 修復(fù)了設(shè)置了 visualMap: false 的數(shù)據(jù)項(xiàng)影響其他數(shù)據(jù)項(xiàng)的問題。

[Fix] 使得 axis.type: 'category' 且 axisLabel.interval: 0 時(shí)，所有標(biāo)簽（axisLabel）都能被顯示。