這里介紹2個制作前端可視化報表的js庫，一個是echarts，一個是g2，這2個庫涵蓋了大部分報表的制作，包括折線圖、柱狀圖、餅圖、散點圖等，使用簡單，文檔詳細，示例豐富，下面我簡單介紹一下這2個庫：

• echarts：這個是百度開發的一個前端可視化js庫，可以流暢的運行在移動和PC設備上，兼容大部分瀏覽器，提供直觀，交互豐富，高度可定制的可視化圖標，下面我簡單介紹一下這個庫的使用：
  

1.下載echart.js到本地，如下，開發的話，建議下載源碼版本：

2.下載成功后，我們就可以本地引入echarts.js到html中，測試代碼如下，簡單繪制一個柱狀圖，很簡單：

保存這個html文件，用瀏覽器打開，效果如下：

這里只是一個簡單的入門實例，更多示例的話，可以看看官網的examples，涵蓋了各種報表的制作，包括地圖、極坐標圖、熱力圖等，過程非常詳細，可以在線編輯運行，這里我就不再贅述了，如下：

• g2：這個是阿里開發的一個前端可視化庫，簡單易學，以數據驅動，具有高度的擴展性和易用性，用戶無需關注底層的實現細節，幾條語句便可快速構建出統計報表，下面我簡單介紹一下這個庫的使用：

1.測試代碼如下，這里可以在線引入g2.js庫，也可以下載g2.js到本地，再引入，這里簡單繪制了一個柱狀圖：

瀏覽器效果如下：

更多示例，可以查看官網教程，介紹的很詳細，各種組件都有介紹，代碼也很詳盡，點擊進去，便可查看源碼和運行效果圖：

至此，我們就完成了echarts和g2這2個可視化js庫的簡單使用。總的來說，這兩個庫都非常好使用，簡單易學，容易上手，官網提供了非常豐富的教程供開發者使用，當然，除了這2個庫，還有D3，Highcharts等可視化庫，這里我就不詳細介紹了，感興趣的可以自己搜一下，網上也有相關教程和資料，希望以上分享的內容能對你有所幫助吧。