Echarts:這是百度開發的前端可視化js庫,可以在移動和PC設備上流暢運行,兼容大部分瀏覽器,提供直觀、交互、高度可定制的可視化圖標。讓我簡單介紹壹下這個庫的用途:
1.本地下載echart.js,如下所示。如果是開發的,建議下載源碼版本:
2.下載成功後,我們可以在本地將echarts.js引入html。測試代碼如下。簡單的畫壹個直方圖,非常簡單:
保存這個html文件並用瀏覽器打開它。效果如下:
這裏只是壹個簡單的介紹性例子。更多的例子可以看官網的例子,裏面涵蓋了各種報表的制作,包括地圖、極坐標圖、熱圖等。流程很詳細,可以在線編輯運行,這裏就不贅述了,如下:
G2:這是阿裏開發的前端可視化庫。它簡單易學,數據驅動,高度可擴展,易於使用。用戶可以用幾句話快速構建統計報告,而無需關註底層的實現細節。讓我簡單介紹壹下這個庫的用途:
1.測試代碼如下。這裏可以在線導入g2.js庫,也可以下載g2.js到本地再導入。這裏簡單畫了壹個直方圖:
瀏覽器效果如下:
更多的例子可以查看官網的教程,很詳細。介紹了各種組件,代碼也很詳細。點擊查看源代碼和操作效果圖:
至此,我們已經完成了兩個可視化js庫echarts和g2的簡單使用。總的來說,這兩個庫都非常好用,易學,易用。官網提供了非常豐富的教程供開發者使用。當然,除了這兩個庫,還有D3、Highcharts等可視化庫,這裏就不詳細介紹了。有興趣的可以自己搜索壹下。網上也有相關教程和資料。希望上面分享的內容能幫到妳。