一、引入echarts插件：canvas
import * as echarts from '../../ec-canvas/echarts';小程序
二、data中定义：
ecBar: {
onInit: initChart
},
三、app.js中定义全局变量：
globalData: {
userInfo: null,
all_date: []
},
四、onload中，定义一个 all_date ，用来接收数据
五、循环出来的数据，赋值：app.globalData.all_date = all_date
六、在 value 中赋值：
function initChart(canvas, width, height) { const chart = echarts.init(canvas, null, { width: width, height: height }); canvas.setChart(chart); var option = { backgroundColor: "#ffffff", color: ["#37A2DA", "#FF9F7F"], tooltip: {}, xAxis: { show: false }, yAxis: { show: false }, radar: { indicator: [{ name: '10米折返跑', max: 5 }, { name: '立定跳远', max: 5 }, { name: '网球掷远', max: 5 }, { name: '走平衡木', max: 5 }, { name: '坐位体前屈', max: 5 }, { name: '双脚连续跳', max: 5 } ] }, series: [{ name: '', type: 'radar', itemStyle: { normal: { areaStyle: { type: 'default' } } }, data: [{ value: app.globalData.all_date, name: '' }] }] }; chart.setOption(option); return chart; }
七、在 wxml 调用：<ec-canvas id="mychart" canvas-id="mychart-line" ec="{{ ecBar }}"></ec-canvas>app
整体来讲，设置单页的全局变量，不能改变小程序图表的二次渲染，要设置成app.js的全局变量才行echarts