影
這裡簡單介紹2個前端數據可視化庫—g2和echarts，這2個庫使用起來都非常方便，簡單易學、交互性強，可以完成日常大部分圖表的繪製，包括散點圖、折線圖、柱狀圖、餅狀圖等，下面我簡單介紹一下這2個庫的使用，主要內容如下：
g2：這個是阿里的一個前端可視化庫，以數據為驅動，易用性和可擴展性強，用戶無需關注複雜的實現細節，幾行代碼就可以繪製出漂亮、大方、交互性強的圖表，使用起來非常方便，主要測試代碼如下，其實就是引入JS庫，然後創建一個div容器，在裡面設置必要配置項及數據，就能實現圖形的繪製，這裡以堆疊的條形圖為例：
用瀏覽器打開網頁，效果圖如下：
更多的示例，可以看官方教程，包括折線圖、柱狀圖、箱型圖、熱力圖等，有詳細的代碼和說明，還可以在線編輯運行，很不錯：
echarts：這個是百度的一個前端可視化庫，功能也非常強大，可以流暢的運行在PC和移動設備上，提供直觀、方便、交互豐富的可視化圖表，並可高度可視化定製，使用方式與上面的g2類似，下面我簡單介紹一下：
1.下載echarts.js到本地，這個直接到官網上下載就行，如下，下載源碼的：
2.接著我們就可以本地引入echarts.js，繪製圖表了，就是創建一個div容器，然後制定一下圖表的配置項和數據就行，如下，這裡以繪製餅狀圖為例：
用瀏覽器打開網頁，效果圖如下：
更多示例，可以參考一下官網教程，有詳細的步驟和註釋，非常適合開發者學習，也可以在線調試運行相關代碼：
就分享這2個前端可視化庫的簡單使用吧，整個過程來說，其實很簡單，只要你有一定的前端基礎，熟悉一下相關示例和代碼，學習一下官方的教程，很快就能掌握的，希望以上分享的內容能對你有所幫助吧，也歡迎大家評論、留言。
分享到:
