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

網(wǎng)站制作、成都網(wǎng)站設計的開發(fā)，更需要了解用戶，從用戶角度來建設網(wǎng)站，獲得較好的用戶體驗。成都創(chuàng)新互聯(lián)多年互聯(lián)網(wǎng)經(jīng)驗，見的多，溝通容易、能幫助客戶提出的運營建議。作為成都一家網(wǎng)絡公司，打造的就是網(wǎng)站建設產(chǎn)品直銷的概念。選擇成都創(chuàng)新互聯(lián)，不只是建站，我們把建站作為產(chǎn)品，不斷的更新、完善，讓每位來訪用戶感受到浩方產(chǎn)品的價值服務。

動態(tài)敘事

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

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

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

視覺設計

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

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

• 標簽：Apache ECharts 5 提供了多種新的標簽功能，讓密集的標簽能清晰顯示、準確表意，例如自動隱藏重疊標簽、自動排布標簽等。

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

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

• 儀表盤：Apache ECharts 5 對儀表盤的功能作了全面升級，支持了圖片或者矢量路徑繪制指針、也支持了錨點（anchor）配置項、進度條（progress）、圓角效果等等配置項。

• 扇形圓角：Apache ECharts 5 支持了餅圖、旭日圖、矩形樹圖的扇形圓角。

交互能力

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

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

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

開發(fā)體驗

功能強大的可視化工具也需要以更簡單的方式被開發(fā)者使用。

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

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

• TypeScript 重構：Apache ECharts 5 的開發(fā)之初就使用 TypeScript 對代碼進行了重寫，TypeScript 所帶來的強類型使得新版本中實現(xiàn)了更多新特性。

可訪問性

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

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

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

到此，相信大家對“Apache ECharts5有哪些新特性”有了更深的了解，不妨來實際操作一番吧！這里是創(chuàng)新互聯(lián)網(wǎng)站，更多相關內(nèi)容可以進入相關頻道進行查詢，關注我們，繼續(xù)學習！

當前標題：ApacheECharts5有哪些新特性
分享URL：http://m.newbst.com/article18/jicgdp.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設計、營銷型網(wǎng)站建設、App開發(fā)、App設計、虛擬主機、關鍵詞優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)