G2 2.0 更靈活、更強大、更完備的可視化引擎！

概述

G2做爲一款技術產品，自誕生以來，服務於廣大的Web工程師羣體和一部分數據分析師。一直來，G2 因其易用的語法和紮實的可視化理論基礎，廣受使用者好評。G2 1.x 的可視化能力已經很是強大，使用者已經可以在掌握圖形語法的基礎上結合本身對數據的理解，從而繪製出各類各樣的可視化圖表。然而，隨着DT時代的更加深化，隨着G2的發展，咱們仍是遇到了各類各樣的，以往G2沒法知足的可視化需求。經總結髮現，大致上有如下幾點：

1. 數據導向，同一張圖表中，繪製異構數據圖形的需求
2. 設計導向，對圖形高度訂製的需求
3. 移動端圖表輕量化的需求

通過半個月設計和架構，咱們從新梳理流程結構，咱們提出了視圖（View）和映射核心（Core）的概念，再經歷了一個月緊鑼密鼓的開發，本週咱們迎來的G2 2.0的發佈!
話很少說，下面咱具體看看G2.0的新特性 ~

新特性

1、多視圖（View）

G2 2.0 咱們進行了多View的支持。每個View能夠擁有本身的數據源。意味着2.0後咱們能夠在同一幅圖表中，支持異構數據的圖表繪製。詳見連接

具體場景

場景一
用戶甲：請問我有一組數據，畫了一張區域圖，還有一組數據是用來標定每一個關鍵時刻的特殊值，怎麼辦？
1.0菌：關鍵時刻數據用chart.guide()吧
用戶甲：但是guide好繁瑣。。
1.0菌：。。。
2.0菌：你可使用個人多View的功能！

場景二
用戶乙：我這有一組數據畫了地圖氣泡圖，還有另一組數據表示氣泡之間的關係，怎麼辦？
1.0菌：這個臣妾作不到。。
用戶乙：。。。
1.0菌：。。。。
2.0菌：你可使用個人多View的功能！

2、自定義圖形（Shape）

在G2 2.0 中咱們拓展了自定義的Shape的機制，賦予那部分有 高訂製需求的 、 有圖形知識儲備 的工程師有直接訂製最終圖形的能力。這也是G2在向 可編程可視化引擎 邁出的重要一步。詳見連接

具體場景

場景一
某PD：我這有一份不一樣人物的得分數據，怎麼可視化比較好？
1.0菌：能夠用柱狀圖對比
某設計師：柱子直角很差看，改爲圓角吧
1.0菌：暫時尚未內置圓角矩形的shape。。
某PD：不夠形象，要把人物頭像發上去
1.0菌：。。。。
2.0菌：你可使用個人自定義Shape的功能！

場景二
某前端：大家原來的儀表盤好醜啊！
某設計：鐘錶能不能再假點吶！

1.0菌：沒法反駁！
某前端：我想要這樣xxo!!xxx@@oox&&（持續描述五分鐘。。。）
1.0菌：把這些代碼都加到我身上，我會膨脹死。。。
2.0菌：使用個人自定義Shape的功能！在G2外自由拓展，私人定製，知足你無限強迫的定製需求！

3、連線圖形標記（Edge）

基於以上兩個重點功能的實現，再加上連線的幾何標記（Edge），咱們終於能畫出，簡單的關係圖了！（喜大普奔）

4、移動端的支持

G2-mobile爲了移動端的開發寶寶已經操碎了心。
爲了大家想要的簡單而美好，做爲強大G2的一個子集，咱們忍痛割掉了各類洋氣的功能；
爲了讓大家在G2和G2-mobile之間切換駕輕就熟，咱們把G2-mobile的接口和G2所有統一；
爲了知足大家多樣性的須要，咱們開放了更多自定義接口。詳見G2-mobile說明

更豐富、更用心的圖表DEMO

PC Demo

詳細見G2 Demo中心

Mobile Demo

詳細見G2-Mobile Demo中心

升級指南

PC 端

新增

• 自定義 shape
• 多視圖 View 功能，支持圖表組合和異構數據的繪製
• 新增 edge 幾何標記，用於支持關係圖的繪製

移除

• chart.legendVisible() 廢除，再也不支持
• chart.legend('left|top|right|bottom') （即原先直接傳入位置字符串來設定圖例位置 ） 廢除，再也不支持
• 移除了部分 G2 默認提供的 shape:

對應的 GEOM	廢棄的 shape
point	pointerArrow
point	pointerLine
point	pointerRect
interval	stroke
polygon	stroke

Mobile 端

新增

• chart.guide() 方法：支持的輔助類型有：折線(line)、弧線(arc)、文字(text)和自定義(html)
• 新增的圖形繪製屬性：
  • fill
  • stroke
  • fontFamily
  • fontSize
  • fontWeight
  • fontVariant

注意事項

• 2.0 後咱們推薦使用咱們繪圖庫的原生屬性（好比：fontSize），不建議使用舊的svg規範的熟悉（比圖：'font-size'）。詳情見G2-Graphic

開發成員想說的話

此次變更很大，咱們又把本身顛覆了一次。此次也沒啥變化，咱們仍是堅持數據出發、數據驅動。

聯繫方式

 : https://github.com/antvis
💬 : https://github.com/antvis/feedback/issues/new
✉️ ：yubo@alipay.com