進無止境，AntV 統計圖表 G2Plot 1.0 發佈

**G2Plot 是一個開箱即用、易於配置、體驗優雅的統計圖表庫，**致力於幫助用戶以最小成本生成高質量統計圖表。

G2Plot 最初誕生於阿里經濟體 BI 產品真實場景的業務訴求。動態、高度不肯定是 BI 產品和中臺系統業務數據的一個廣泛特徵，而這種特徵對統計圖表的功能和體驗提出了巨大的挑戰。如何可以幫助報表系統和一線前端在複雜數據條件下快速高效地建立統計圖表，同時保證圖表在各類顯示空間和數據狀態下的可讀性和可用性？ 爲解決這兩個痛點問題，AntV 與 DeepInsight、QuickBI 和 FBI，阿里經濟體三個優秀 BI 產品技術團隊聯手打造了 G2Plot。

自去年 11 月發佈 0.x 試用版後，G2Plot 經歷了 20 多個小版本的迭代優化，圖表類型已從最經常使用的 7 個擴展到 40 多個，在覈心 BI 產品真實場景上線驗證後終於帶來 1.0 正式版。但願咱們在數據可視化業務，特別是 BI 產品中的開發和設計經驗可以幫助到更多用戶輕鬆製做優雅的統計圖表。

特性預覽

簡單易用

圖形語法是統計圖表的奠定理論，具備完備、靈活、無限可能的可視表達能力，全球頂級 BI 系統的可視分析實現基本都以此理論爲基礎，G2 能夠說是 JavaScript 領域最完備的圖形語法實現，也所以成爲不少專業可視分析應用的首選技術方案。然而，對於應對大部分常規應用，對於大部分工程師、設計師和產品經理來講，學習理解「視覺通道」、「座標系變換」、「數據映射」等專業可視化概念須要付出至關高的學習和時間成本。在統建阿里數據可視化基礎設施的大背景下，AntV 與阿里經濟體多個團隊聯合共建 G2Plot 應運而生，構建在 G2 強大的可視表達能力之上，採用你們熟悉的配置化、描述性 API，爲使用者屏蔽可視化專業知識，用戶只須要引用相應的圖表，指定數據和配置字段便可經過數據驅動的方式生成圖表。

簡約而不簡單的精雕體驗

今年1月4日在杭州西湖文體中心，第三屆 SEE Conf 螞蟻金服體驗科技大會上，AntV 核心研發工程師，同時也是 DeepInsight 的數據可視化方向負責人小爲給你們帶來了精雕細琢，打造極致可視化圖表體驗的精彩分享，還沒看過的同窗強烈推薦看看。分享中已經提早劇透了 G2Plot 的大量體驗優化細節，G2Plot 每個線上圖表都通過了細心雕琢，咱們會在關注圖表自身特色的基礎上，根據不一樣的使用場景、顯示空間、數據特色針對圖表的細節和體驗進行精心打磨。

圖形

繼承 G2 無限可能的特性，G2Plot 擁有豐富多樣的圖形擴展。

經過對數據進行剪枝處理和相關點簡化算法，對大數據量和極小顯示空間等特殊場景進行圖形優化。

交互

咱們把一些經常使用的複雜交互進行了內置，用戶不須要再自行封裝，只需調用相關配置項便可使用。同時，咱們還把細粒度的事件機制，畫布、圖形、組件交互能力全方位透出以方便用戶高度個性化定製。

圖表聯動、數據鑽取與篩選

動畫

咱們根據每個圖表自身的特色和使用場合，精心設計了一些動畫效果，讓圖表更加靈活生動。這些複雜動畫效果都已內置，能夠經過配置項和圖表方法直接調用。同時，咱們還提供了細粒度的動畫配置，用戶能夠經過指定動畫類型、時間、緩動效果，自由控制圖表的入場、消失和數據更新動畫效果。

更細膩的更新與入場動畫

組件

響應式組件，在現實的圖表應用場景中，一個棘手的難題是圖表的展現空間每每並不足夠顯示圖表的數據量，形成極值狀況下文本的重疊遮擋、內容沒法自適應、內容裁剪等問題。G2Plot 借鑑寬容性設計的思想，在圖表的信息密度太高時，對圖表組件信息進行抽稀、省略、調整，保證圖表主要信息的展現和基本可讀性

內置統計分析高級組件，在一圖一作、細緻打磨的過程當中，咱們根據每個圖表的特色，將使用圖表進行統計分析時經常使用的組件進行了封裝，內置進G2Plot。

堆疊柱狀圖（聯通區域組件）                                        熱力圖（滑動錨點圖例）

體驗對比

下面是 G2Plot 與幾種經常使用圖表庫的效果對比：

**

默認好看與靈活配置並重

基於 AntV 設計語言，一套提煉自企業級產品的視覺語言和設計規範，G2Plot 根據每個圖表自身的特色沉澱出一套默認配置，保證每一個圖表在開箱狀態下，呈現給用戶的就是最規範、最優雅的狀態。Good by Default 的同時，G2Plot 開放細粒度的圖表配置，不管圖形樣式、各種圖表組件、文本顯示仍是圖表事件，用戶均可以根據本身的業務場景生產個性化圖表。

最後

很是感謝你的耐心閱讀，G2Plot 發佈 1.0 版本只是一個開始，雖然已經在 DeepInsight 等 BI 產品中應用上線，但相信還有不少問題有待打磨和完善，歡迎在 GitHub 給咱們反饋問題。若是你對 G2Plot 或者 AntV 旗下的其餘產品感興趣，能夠經過如下渠道關注咱們：

• GitHub：github.com/antvis/G2Pl…
• 官網：g2plot.antv.vision/zh
• AntV GitHub: github.com/antvis