
- 下载ec-canvasgithub地址
- 核心代码如下
//index.js,通常数据都是通过异步获取,只需要在合适的时机调用initChart方法即可。
import * as echarts from "../comps/ec-canvas/echarts";
let chart = null;
Page({
data: {
ec: {
lazyload: true
},
},
async initChart() {
await this.selectComponent("#mychart-dom-bar").init((canvas, width, height, dpr) => {
chart = echarts.init(canvas, null, {
width: width,
height: height,
devicePixelRatio: dpr
});
this.updateChart()
canvas.setChart(chart);
return chart;
})
},
updateChart() {
let _this = this;
let option = {
color: ["rgba(65, 158, 255, 1)"],
grid: {
containLabel: true,
left: 12,
right: 14,
top: 40,
bottom: 30
},
tooltip: {
show: true,
trigger: "axis",
trigger: "axis",
formatter: function (params) {
var relVal = params[0].name;
for (var i = 0, l = params.length; i
//index.css
ec-canvas {
width: 100%;
height: 100%;
}