Apache ECharts5有哪些新特性

本篇內(nèi)容主要講解“Apache ECharts5有哪些新特性”，感興趣的朋友不妨來(lái)看看。本文介紹的方法操作簡(jiǎn)單快捷，實(shí)用性強(qiáng)。下面就讓小編來(lái)帶大家學(xué)習(xí)“Apache ECharts5有哪些新特性”吧!

動(dòng)態(tài)敘事

之前版本中，Apache ECharts 是通過(guò)初始化動(dòng)畫(huà)和過(guò)渡動(dòng)畫(huà)幫助用戶理解數(shù)據(jù)變換之間的聯(lián)系。5.0 版本中，Apache ECharts 大幅度增強(qiáng)了動(dòng)畫(huà)敘事能力，借助圖表的動(dòng)態(tài)敘事功能，幫助用戶理解圖表背后表達(dá)的故事。

• 動(dòng)態(tài)排序圖：Apache ECharts 5 新增支持動(dòng)態(tài)排序柱狀圖（bar-racing）以及動(dòng)態(tài)排序折線圖（line-racing），開(kāi)發(fā)者可以方便地創(chuàng)建帶有時(shí)序性的圖表，展現(xiàn)數(shù)據(jù)隨在時(shí)間維度上的變化；

• 自定義系列動(dòng)畫(huà)：Apache ECharts 5 在自定義系列中提供了更加豐富強(qiáng)大的動(dòng)畫(huà)效果，支持標(biāo)簽數(shù)值文本的插值動(dòng)畫(huà)，圖形的形變（morph）、分裂（separate）、合并（combine）等效果的過(guò)渡動(dòng)畫(huà)。

視覺(jué)設(shè)計(jì)

視覺(jué)設(shè)計(jì)不僅是為了讓圖表更好看，更是為了讓用戶快速理解圖表表達(dá)的內(nèi)容，消除不良設(shè)計(jì)帶來(lái)的誤解。

• 默認(rèn)設(shè)計(jì)：Apache ECharts 5 重新設(shè)計(jì)了默認(rèn)的主題樣式，針對(duì)不同的系列和組件分別做了優(yōu)化調(diào)整，充分考量了顏色之間的區(qū)分度、與背景色的對(duì)比度、相鄰顏色的和諧度等因素，確保色覺(jué)辨識(shí)障礙人士也能清楚地區(qū)分?jǐn)?shù)據(jù)。

• 標(biāo)簽：Apache ECharts 5 提供了多種新的標(biāo)簽功能，讓密集的標(biāo)簽?zāi)芮逦@示、準(zhǔn)確表意，例如自動(dòng)隱藏重疊標(biāo)簽、自動(dòng)排布標(biāo)簽等。

• 時(shí)間軸：Apache ECharts 5 支持表達(dá)時(shí)間標(biāo)簽刻度的時(shí)間軸，開(kāi)發(fā)者可以根據(jù)不同的需求定制時(shí)間軸的標(biāo)簽內(nèi)容。

• 提示框：Apache ECharts 5 對(duì)提示框的樣式進(jìn)行了優(yōu)化，通過(guò)對(duì)字體樣式、顏色的調(diào)整、新增加箭頭、跟隨圖形顏色的邊框色等功能，使得提示框的默認(rèn)展示更清晰。同時(shí)，改進(jìn)了富文本的渲染邏輯，確保顯示效果與 HTML 方式一致。提示框內(nèi)的列表也可以按照數(shù)值大小或者類目順序排序。

• 儀表盤(pán)：Apache ECharts 5 對(duì)儀表盤(pán)的功能作了全面升級(jí)，支持了圖片或者矢量路徑繪制指針、也支持了錨點(diǎn)（anchor）配置項(xiàng)、進(jìn)度條（progress）、圓角效果等等配置項(xiàng)。

• 扇形圓角：Apache ECharts 5 支持了餅圖、旭日?qǐng)D、矩形樹(shù)圖的扇形圓角。

交互能力

交互能力可以幫助用戶更好地了解圖表。

• 狀態(tài)管理：Apache ECharts 5 在原先的鼠標(biāo) hover 高亮的基礎(chǔ)上，新增加了淡出其它非相關(guān)元素的效果，從而達(dá)到聚焦目標(biāo)數(shù)據(jù)的目的。同時(shí)，為所有系列還添加了點(diǎn)擊選中的交互功能。

• 性能提升：Apache ECharts 5 支持臟矩形渲染，解決只有局部變化的場(chǎng)景下的性能瓶頸；實(shí)時(shí)時(shí)序數(shù)據(jù)的折線圖性能優(yōu)化，，千萬(wàn)級(jí)的數(shù)據(jù)也可以在 1s 內(nèi)渲染完，并且保持很小的內(nèi)存占用以及流暢的提示框（tooltip）等交互。

開(kāi)發(fā)體驗(yàn)

功能強(qiáng)大的可視化工具也需要以更簡(jiǎn)單的方式被開(kāi)發(fā)者使用。

• 數(shù)據(jù)集：Apache ECharts 5 加強(qiáng)了數(shù)據(jù)集的數(shù)據(jù)轉(zhuǎn)換能力，讓開(kāi)發(fā)者可以使用簡(jiǎn)單的方式實(shí)現(xiàn)常用的數(shù)據(jù)處理，并通過(guò)統(tǒng)一的聲明式方式來(lái)使用這些功能，實(shí)現(xiàn)常用的數(shù)據(jù)操作。

• 國(guó)際化：之前 ECharts 的國(guó)際化實(shí)現(xiàn)是根據(jù)不同的語(yǔ)言參數(shù)打包出不同的部署文件的形式。Apache ECharts 5 將動(dòng)態(tài)的語(yǔ)言包和靜態(tài)的代碼包分離開(kāi)。切換語(yǔ)言的時(shí)候，只需要加載相應(yīng)語(yǔ)言包，通過(guò)類似掛載主題的方式，使用 registerLocale 函數(shù)掛載語(yǔ)言包對(duì)象，重新初始化后就完成了語(yǔ)言的切換。

• TypeScript 重構(gòu)：Apache ECharts 5 的開(kāi)發(fā)之初就使用 TypeScript 對(duì)代碼進(jìn)行了重寫(xiě)，TypeScript 所帶來(lái)的強(qiáng)類型使得新版本中實(shí)現(xiàn)了更多新特性。

可訪問(wèn)性

Apache ECharts 5 中實(shí)現(xiàn)了更多提高可訪問(wèn)性的設(shè)計(jì)，幫助視覺(jué)障礙人士更好地理解圖表內(nèi)容。

• 主題配色：新版默認(rèn)主題樣式將無(wú)障礙設(shè)計(jì)作為一個(gè)重要的考量依據(jù)，并提供了特殊的高對(duì)比度主題，以更高對(duì)比度顏色的主題將數(shù)據(jù)作進(jìn)一步區(qū)分。

• 貼花圖案：Apache ECharts 5 新增了貼花的功能，用圖案輔助顏色表達(dá)，進(jìn)一步幫助用戶區(qū)分?jǐn)?shù)據(jù)。

到此，相信大家對(duì)“Apache ECharts5有哪些新特性”有了更深的了解，不妨來(lái)實(shí)際操作一番吧！這里是億速云網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！