在一个页面显示多个图表
–wxml–
<view class='table_container'>
<view class="container1">
<ec-canvas id="mychart-dom-bar" canvas-id="mychart-bar" ec="{
{ ec1 }}"></ec-canvas>
</view>
<view class="container1">
<ec-canvas id="mychart-dom-bar" canvas-id="mychart-bar" ec="{
{ ec2 }}"></ec-canvas>
</view>
<view class="container1">
<ec-canvas id="mychart-dom-bar" canvas-id="mychart-bar" ec="{
{ ec3 }}"></ec-canvas>
</view>
<view class="container1">
<ec-canvas id="mychart-dom-bar" canvas-id="mychart-bar" ec="{
{ ec4 }}"></ec-canvas>
</view>
<view class="container1">
<ec-canvas id="mychart-dom-bar" canvas-id="mychart-bar" ec="{
{ ec5 }}"></ec-canvas>
</view>
<view class="container1">
<ec-canvas id="mychart-dom-bar" canvas-id="mychart-bar" ec="{
{ ec6 }}"></ec-canvas>
</view>
<view class="container1">
<ec-canvas id="mychart-dom-bar" canvas-id="mychart-bar" ec="{
{ ec7 }}"></ec-canvas>
</view>
<view class="container1">
<ec-canvas id="mychart-dom-bar" canvas-id="mychart-bar" ec="{
{ ec8 }}"></ec-canvas>
</view>
<view class="container1">
<ec-canvas id="mychart-dom-bar" canvas-id="mychart-bar" ec="{
{ ec9 }}"></ec-canvas>
</view>
</view>
–js–
const App = getApp();
import * as echarts from '../../ec-canvas/echarts'; //引入echarts.js
var barec1 = null
var barec2 = null
var barec3 = null
var barec4 = null
var barec5 = null
var barec6 = null
var barec7 = null
var barec8 = null
var barec9 = null
Page({
onShareAppMessage: function (res) {
return {
title: 'ECharts 可以在微信小程序中使用啦!',
path: '/pages/index/index',
success: function () {
},
fail: function () {
}
}
},
data: {
ec1: {
onInit: function (canvas, width, height) {
barec1 = echarts.init(canvas, null, {
width: width,
height: height
});
canvas.setChart(barec1);
return barec1;
}
},
ec2: {
onInit: function (canvas, width, height) {
barec2 = echarts.init(canvas, null, {
width: width,
height: height
});
canvas.setChart(barec2);
return barec2;
}
},
ec3: {
onInit: function (canvas, width, height) {
barec3 = echarts.init(canvas, null, {
width: width,
height: height
});
canvas.setChart(barec3);
return barec3;
}
},
ec4: {
onInit: function (canvas, width, height) {
barec4 = echarts.init(canvas, null, {
width: width,
height: height
}