螞蟻金服 AntV F2 3.6 發佈，更強！更快！

導讀

F2，爲移動端而生的可視化圖表引擎。從 3.1 全新版本發佈以來，咱們一直朝着提供高性能，高擴展，開箱即用的生動圖表的方向努力，同時面對移動端多樣的環境，多端適配也一直是咱們在努力追求的目標。此次 3.6 的升級，咱們不只在性能上取得了突破性的提高，同時在多端適配上，作到了真正意義上的一份代碼多端運行。

特性預覽

💪更強

手勢交互

在 F2 3.6 裏，咱們對縮放和平移進行了總體的重構，去掉了原先 hammerjs 對於瀏覽器特性的依賴，在內部實現了縮放，平移等手勢動做，✨讓手勢徹底突破端的限制，全端支持! ✨。

H5 上的手勢交互

折線圖	柱狀圖

小程序上的手勢交互

折線圖	柱狀圖

演示示例見：f2-wx-demo。

React Native 上的圖表及手勢交互

折線圖	柱狀圖

演示示例可見：f2-rn-gcanvas-demo。

其餘環境下的 F2

咱們的目標是全端，咱們後面會提供整一套 native 下的圖表解決方案，讓你在 native 上也能用 F2 輕鬆實現可視化圖表，讓你實現一份代碼全端運行！
若是想要在Nodejs端繪製，F2也能搞定，具體實現能夠參考 f2-node-demo。

🚀更快

在複雜手勢的基礎上，咱們對 F2 的性能進行了專項的優化，而且對內部實例的生命週期進行了更細粒度的控制，讓圖表二次渲染的性能獲得大幅度的提高，尤爲是對圖表手勢交互的體驗有明顯的提高！

各機型性能表現

下面是各個機型在渲染 2200 個數據點的對比效果：

iphone 7p 上的性能表現

3.5 版本	3.6 版本

👍iphone 7p下流暢度提高明顯，繪製總體繪製耗時縮短了40%，滿幀跑毫無壓力!

HTC M8st (低端機) 上的性能表現

3.5 版本	3.6 版本

👍在低端機型上 3.5 幾乎不可用，而 3.6 版本使用基本無問題!

代碼演示

3.5 版本	3.6版本
代碼示例: https://codesandbox.io/s/35-pinch-pan-i9nzz	代碼示例: https://codesandbox.io/s/36-pinch-pan-0yg73
二維碼預覽	二維碼預覽

關於將來

正如前面 AntV 架構演進-F2 篇裏提到的，F2 也將邁入 4.0 時代，F2 、G2 也將會有更多的互通，可是咱們的目標仍是不變，依然是爲移動端帶來高性能、高擴展，且能開箱即用的可視化圖表解決方案，敬請期待~

如何升級

此次的 3.6 版本的主功能是全兼容升級，能夠放心使用，縮放和拖拽是全新實現，且默認內置，只用把以前按需引用的方式去掉就能夠體驗了，固然若是有問題，請經過下面的任意渠道聯繫咱們，或者直接給咱們提 PR。

最後

很是感謝你的閱讀，若是你對 F2 感興趣，別忘記了在 GitHub 上三連（watch, star 及 fork），歡迎隨時交流！

• 官網： https://f2.antv.vision/zh
• GitHub： https://github.com/antvis/F2
• 支付寶小程序版：https://github.com/antvis/my-f2
• 微信小程序版：https://github.com/antvis/wx-f2
• 釘釘羣: