Apache ECharts 正式畢業，成爲 ASF 頂級項目

{"type":"doc","content":[{"type":"blockquote","content":[{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"1 月 26 日，Apache 基金會官方"},{"type":"link","attrs":{"href":"https:\/\/blogs.apache.org\/foundation\/","title":"xxx","type":null},"content":[{"type":"text","text":"宣佈"}]},{"type":"text","text":" ECharts 項目正式畢業，成爲 Apache 頂級項目。"}]}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"link","attrs":{"href":"https:\/\/echarts.apache.org\/zh\/index.html","title":"xxx","type":null},"content":[{"type":"text","text":"Apache ECharts "}]},{"type":"text","text":"是由百度團隊開源，並於 2018 年捐贈給 Apache 基金會。這是一款基於 JavaScript 的數據可視化圖標庫，可以生產直觀、可交互、定製化的數據可視化圖表。"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"據悉，在從 Apache 基金會畢業的同時，ECharts 將會發布大版本 ECharts 5。上一個版本 ECharts 4 發佈於 2018 年初，當時有些常用圖表已經可以支持最高達千萬級的數據可視化，支持直接傳入包括二維表，key-value 等多種格式的數據源，支持小程序、無障礙訪問等，支持以 Canvas、SVG（4.0+）、VML 的形式渲染圖表，可跨平臺使用。"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"Apache ECharts 5 將於 2021.01.28 20:00 進行線上發佈會。本次新版本將會帶來五大模塊、十五項新特性的全面升級。"}]},{"type":"heading","attrs":{"align":null,"level":2},"content":[{"type":"text","text":"動態敘事"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"之前版本中，Apache ECharts 是通過初始化動畫和過渡動畫幫助用戶理解數據變換之間的聯繫。5.0 版本中，Apache ECharts 大幅度增強了動畫敘事能力，藉助圖表的動態敘事功能，幫助用戶理解圖表背後表達的故事。"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"bulletedlist","content":[{"type":"listitem","attrs":{"listStyle":null},"content":[{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"動態排序圖：Apache ECharts 5 新增支持動態排序柱狀圖（bar-racing）以及動態排序折線圖（line-racing），開發者可以方便地創建帶有時序性的圖表，展現數據隨在時間維度上的變化；"}]}]},{"type":"listitem","attrs":{"listStyle":null},"content":[{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"自定義系列動畫：Apache ECharts 5 在自定義系列中提供了更加豐富強大的動畫效果，支持標籤數值文本的插值動畫，圖形的形變（morph）、分裂（separate）、合併（combine）等效果的過渡動畫。"}]}]}]},{"type":"heading","attrs":{"align":null,"level":2},"content":[{"type":"text","text":"視覺設計"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"視覺設計不僅是爲了讓圖表更好看，更是爲了讓用戶快速理解圖表表達的內容，消除不良設計帶來的誤解。"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"bulletedlist","content":[{"type":"listitem","attrs":{"listStyle":null},"content":[{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"默認設計：Apache ECharts 5 重新設計了默認的主題樣式，針對不同的系列和組件分別做了優化調整，充分考量了顏色之間的區分度、與背景色的對比度、相鄰顏色的和諧度等因素，確保色覺辨識障礙人士也能清楚地區分數據。"}]}]},{"type":"listitem","attrs":{"listStyle":null},"content":[{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"標籤：Apache ECharts 5 提供了多種新的標籤功能，讓密集的標籤能清晰顯示、準確表意，例如自動隱藏重疊標籤、自動排布標籤等。"}]}]},{"type":"listitem","attrs":{"listStyle":null},"content":[{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"時間軸：Apache ECharts 5 支持表達時間標籤刻度的時間軸，開發者可以根據不同的需求定製時間軸的標籤內容。"}]}]},{"type":"listitem","attrs":{"listStyle":null},"content":[{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"提示框：Apache ECharts 5 對提示框的樣式進行了優化，通過對字體樣式、顏色的調整、新增加箭頭、跟隨圖形顏色的邊框色等功能，使得提示框的默認展示更清晰。同時，改進了富文本的渲染邏輯，確保顯示效果與 HTML 方式一致。提示框內的列表也可以按照數值大小或者類目順序排序。"}]}]},{"type":"listitem","attrs":{"listStyle":null},"content":[{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"儀表盤：Apache ECharts 5 對儀表盤的功能作了全面升級，支持了圖片或者矢量路徑繪製指針、也支持了錨點（anchor）配置項、進度條（progress）、圓角效果等等配置項。"}]}]},{"type":"listitem","attrs":{"listStyle":null},"content":[{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"扇形圓角：Apache ECharts 5 支持了餅圖、旭日圖、矩形樹圖的扇形圓角。"}]}]}]},{"type":"heading","attrs":{"align":null,"level":2},"content":[{"type":"text","text":"交互能力"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"交互能力可以幫助用戶更好地瞭解圖表。"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"bulletedlist","content":[{"type":"listitem","attrs":{"listStyle":null},"content":[{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"狀態管理：Apache ECharts 5 在原先的鼠標 hover 高亮的基礎上，新增加了淡出其它非相關元素的效果，從而達到聚焦目標數據的目的。同時，爲所有系列還添加了點擊選中的交互功能。"}]}]},{"type":"listitem","attrs":{"listStyle":null},"content":[{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"性能提升：Apache ECharts 5 支持髒矩形渲染，解決只有局部變化的場景下的性能瓶頸；實時時序數據的折線圖性能優化，，千萬級的數據也可以在 1s 內渲染完，並且保持很小的內存佔用以及流暢的提示框（tooltip）等交互。"}]}]}]},{"type":"heading","attrs":{"align":null,"level":2},"content":[{"type":"text","text":"開發體驗"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"功能強大的可視化工具也需要以更簡單的方式被開發者使用。"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"bulletedlist","content":[{"type":"listitem","attrs":{"listStyle":null},"content":[{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"數據集：Apache ECharts 5 加強了數據集的數據轉換能力，讓開發者可以使用簡單的方式實現常用的數據處理，並通過統一的聲明式方式來使用這些功能，實現常用的數據操作。"}]}]},{"type":"listitem","attrs":{"listStyle":null},"content":[{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"國際化：之前 ECharts 的國際化實現是根據不同的語言參數打包出不同的部署文件的形式。Apache ECharts 5 將動態的語言包和靜態的代碼包分離開。切換語言的時候，只需要加載相應語言包，通過類似掛載主題的方式，使用 registerLocale 函數掛載語言包對象，重新初始化後就完成了語言的切換。"}]}]},{"type":"listitem","attrs":{"listStyle":null},"content":[{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"TypeScript 重構：Apache ECharts 5 的開發之初就使用 TypeScript 對代碼進行了重寫，TypeScript 所帶來的強類型使得新版本中實現了更多新特性。"}]}]}]},{"type":"heading","attrs":{"align":null,"level":2},"content":[{"type":"text","text":"可訪問性"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"Apache ECharts 5 中實現了更多提高可訪問性的設計，幫助視覺障礙人士更好地理解圖表內容。"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"bulletedlist","content":[{"type":"listitem","attrs":{"listStyle":null},"content":[{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"主題配色：新版默認主題樣式將無障礙設計作爲一個重要的考量依據，並提供了特殊的高對比度主題，以更高對比度顏色的主題將數據作進一步區分。"}]}]},{"type":"listitem","attrs":{"listStyle":null},"content":[{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"貼花圖案：Apache ECharts 5 新增了貼花的功能，用圖案輔助顏色表達，進一步幫助用戶區分數據。"}]}]}]}]}