官方已經(jīng)提供了小程序版的 ECharts echarts-for-weixin 并提供的了使用示例(登錄你的Git Hub,即可瀏覽倉庫)
(注:這里README.md是一個(gè)官方的使用詳情)
當(dāng)然在用之前也可以先在用微信掃描體驗(yàn)一下
使用方法
下載好以后是一個(gè)這樣的zip文件迹淌,我們把他解壓就是一個(gè)小程序的Echarts的演示項(xiàng)目对妄,你可以通過導(dǎo)入項(xiàng)目來查看
當(dāng)然我們自建項(xiàng)目的話司以將路文有英發(fā)置在我們項(xiàng)目的根目錄
一湘今、引入組件
ec-canvas 是 ECharts 提供的微信小程序端的組件,在項(xiàng)目中引入即可
- 在我們所需要使用的頁面引入echarts
import * as echarts from '../../ec-canvas/echarts';
- 在我們所需要使用的頁面引入ec-canvas
{
"usingComponents": {
"ec-canvas": "/ec-canvas/ec-canvas"
}
}
-
這里就不做代碼演示了剪菱,如果實(shí)在不太懂的小伙伴可以直接copy Echarts Demo的演示代碼來進(jìn)行更改使用
echarts-for-weixin Git Hub 倉庫地址:https://github.com/ecomfe/echarts-for-weixin
在微信小程序中使用 ECharts方法 :https://github.com/ecomfe/echarts-for-weixin/blob/master/README.md