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

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

Echarts device

Echarts explorer

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

(IE8- power by excanvas )

特色

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

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

Echarts mix

混搭

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

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

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

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

拖拽重計(jì)算

拖拽重計(jì)算特性（專(zhuān)利）帶來(lái)了數(shù)據(jù)統(tǒng)計(jì)圖表從未有過(guò)的用戶體驗(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ù)。

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

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

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

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

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

Echarts 圖例開(kāi)關(guān)

圖例開(kāi)關(guān)

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

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

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

數(shù)據(jù)可以是無(wú)限的，但顯示空間總是有限的，數(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)劃過(guò)的詳情顯示，連接的多個(gè)圖表會(huì)共享組件事件并且實(shí)現(xiàn)了保存圖片時(shí)的自動(dòng)拼接。 try this 》

值域漫游

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

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

Echarts 值域漫游

Echarts 炫光特效

炫光特效

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

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

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

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

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

趨勢(shì)線？平均線？上升通道？支持位？專(zhuān)業(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ū)域地圖模式

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

Echarts 子區(qū)域地圖

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

GeoJson地圖擴(kuò)展

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

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

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

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

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

個(gè)性化定制

超過(guò)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ù)變化。

更新介紹：

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

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

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

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

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

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

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

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

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

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

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

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

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

[Feature] [i18n] 改進(jìn)波蘭語(yǔ)翻譯。#20348 (ViniciusCestarii)

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

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

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

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

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

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

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

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

[Fix] [tooltip] 修復(fù) tooltip 在 notMerge 選項(xiàng)合并策略下可能報(bào)錯(cuò)的問(wèn)題。#20435 (ktx-abhay)

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

[Fix] [sankey] 修復(fù)?；鶊D在沒(méi)有定義 links / nodes / levels 選項(xiàng)時(shí)報(bào)錯(cuò)的問(wèn)題。#20380 (sz-p)

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

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

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

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

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

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

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

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

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

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

[Fix] [data] 修復(fù) SeriesData#rawIndexOf 潛在的報(bào)錯(cuò)問(wèn)題。#20534 (plainheart)

[Fix] [text] 修復(fù)當(dāng)標(biāo)簽溢出并被截?cái)鄷r(shí)，其包圍盒計(jì)算錯(cuò)誤導(dǎo)致無(wú)法交互的問(wèn)題。#1091 (linghaoSu) #1100 (100Pah)

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

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