在開發小程序過程中,有項目用到圖表功能,
其實Echart.js有小程序的庫,我們要吧引入進來,然后配置初始化一下,就可以達到目的了.接下來就開始步驟吧
首先下載JS庫:http://download.csdn.net/download/qq_36431166/10047018
下載放到目錄中
大家可能看到上面還有SDK插件,那是騰訊地圖在小程序當中的應用,在下一文章給大家介紹如何使用它來定位
引入進來之后,根據基本文檔的介紹首先要寫一個canvas
然后在JS文件中引入,我用的是require,當然也可以用import 方法
然后在生命周期onLoad方法里加載初始化圖表
首先介紹下,charts.js有幾種圖表形式
- 餅圖 pie
- 線圖 line
- 柱狀圖 column
- 區域圖 area
canvasId就是在新建canvas畫布時候的id值,其它屬性直接對照效果圖看吧!
以上是線形圖
以上是餅圖
以上是柱狀圖
以上是區域圖
具體數據情況,跟圖形根據項目的情況而定.