在https://github.com/ecomfe/echarts-for-weixin下载插件
用微信小程序导入下载的
将里面的ec-canvas放进需要的小程序里
所需小程序app.wxss需要写进一些参数
在.wxml中调用组件
.wxss必须规定图标的大小
在.js里写入
function initChart(canvas, width, height) {
const chart = echarts.init(canvas, null, {
width: width,
height: height
});
canvas.setChart(chart);
var option = {
...
};
chart.setOption(option);
return chart;
}
Page({
data: {
ec: {
onInit: initChart
}
}
});
option里添加图表所需的数据以及设置图表类型
可参考
https://echarts.apache.org/examples/zh/index.html
.js中必须添加这段代码
import * as echarts from ‘…/…/ec-canvas/echarts’;