图表懒加载不能使用多个么？

[thl1723298894]

我按照常见问题中的第三点的解决方法，去展示两个图表，但是运行起来的时候只显示了第一个图表，

html部分 js部分： let RadialChart = '' let RadialOption = {}

let HorizontalChart = '' let HorizontalOption = {}

js部分____data中的数据： RadialEc: { //温度的图表配置项 lazyLoad: true, }, HorizontalEc: { //水平的图表配置项 lazyLoad: true, } onload： onLoad(option) { setTimeout(() => { // this.ec.option.series[0].data = [1, 2, 3, 4, 5, 6, 7]; this.initRadial() console.log("Radial图表加载啦"); }, 1000); setTimeout(() => { this.initHorizontal() console.log("Horizontal图表加载啦") }, 1500) },

methods部分：

//初始化Radial图表 initRadialChart(canvas, width, height, canvasDpr) { // console.log(canvas, width, height, canvasDpr) RadialChart = echarts.init(canvas, null, { width: width, height: height, devicePixelRatio: canvasDpr }) canvas.setChart(RadialChart) RadialChart.setOption(RadialOption) return RadialChart }, //初始化Horizontal图表 initHorizontalChart(canvas, width, height, canvasDpr) { // console.log(canvas, width, height, canvasDpr) HorizontalChart = echarts.init(canvas, null, { width: width, height: height, devicePixelRatio: canvasDpr }) canvas.setChart(HorizontalChart) HorizontalChart.setOption(HorizontalOption) return HorizontalChart },

//加载radial数据
initRadial: function() {
RadialOption ={ 我的一些相关图表配置 };
this.$refs.canvas.init(this.initRadialChart)
},

//加载Horizontal数据
initHorizontal: function() {
HorizontalOption = { 我的一些相关图表配置 };
this.$refs.canvas.init(this.initHorizontal)
},

[yah0130]

我按照常见问题中的第三点的解决方法，去展示两个图表，但是运行起来的时候只显示了第一个图表，

html部分

js部分： let RadialChart = '' let RadialOption = {}

let HorizontalChart = '' let HorizontalOption = {}

js部分____data中的数据： RadialEc: { //温度的图表配置项 lazyLoad: true, }, HorizontalEc: { //水平的图表配置项 lazyLoad: true, } onload： onLoad(option) { setTimeout(() => { // this.ec.option.series[0].data = [1, 2, 3, 4, 5, 6, 7]; this.initRadial() console.log("Radial图表加载啦"); }, 1000); setTimeout(() => { this.initHorizontal() console.log("Horizontal图表加载啦") }, 1500) },

methods部分：

//初始化Radial图表 initRadialChart(canvas, width, height, canvasDpr) { // console.log(canvas, width, height, canvasDpr) RadialChart = echarts.init(canvas, null, { width: width, height: height, devicePixelRatio: canvasDpr }) canvas.setChart(RadialChart) RadialChart.setOption(RadialOption) return RadialChart }, //初始化Horizontal图表 initHorizontalChart(canvas, width, height, canvasDpr) { // console.log(canvas, width, height, canvasDpr) HorizontalChart = echarts.init(canvas, null, { width: width, height: height, devicePixelRatio: canvasDpr }) canvas.setChart(HorizontalChart) HorizontalChart.setOption(HorizontalOption) return HorizontalChart },

//加载radial数据
initRadial: function() {
RadialOption ={ 我的一些相关图表配置 };
this.$refs.canvas.init(this.initRadialChart)
},

//加载Horizontal数据
initHorizontal: function() {
HorizontalOption = { 我的一些相关图表配置 };
this.$refs.canvas.init(this.initHorizontal)
},

可以多个的，我自己项目里一个页面，4，5个图，是不是被挡住了

[thl1723298894]

我按照常见问题中的第三点的解决方法，去展示两个图表，但是运行起来的时候只显示了第一个图表， html部分 js部分： let RadialChart ='' let RadialOption = {} let Horizo​​ntalChart ='' let Horizo​​ntalOption = {} js部分____data中的数据： RadialEc：{//温度的 图表配置项lazyLoad：true， }， Horizo​​ntalEc：{//水平的 图表配置项lazyLoad：true， } onload： onLoad（option）{ setTimeout（（） => { // this.ec.option.series [0] .data = [1、2、3、4、5、6、7]; this.initRadial（） console.log（“ Radial图表加载啦”） ; }，1000）; setTimeout（（）=> { this.initHorizo​​ntal（） console.log（“ Horizo​​ntal Chart加载啦”） }，1500） }， 方法部分： //初始化Radial图表 initRadialChart(canvas, width, height, canvasDpr) { // console.log(canvas, width, height, canvasDpr) RadialChart = echarts.init(canvas, null, { width: width, height: height, devicePixelRatio: canvasDpr }) canvas.setChart(RadialChart) RadialChart.setOption(RadialOption) return RadialChart }, //初始化Horizontal图表 initHorizontalChart(canvas, width, height, canvasDpr) { // console.log(canvas, width, height, canvasDpr) HorizontalChart = echarts.init(canvas, null, { width: width, height: height, devicePixelRatio: canvasDpr }) canvas.setChart(HorizontalChart) HorizontalChart.setOption(HorizontalOption) return HorizontalChart },

//加载radial数据
initRadial: function() {
RadialOption ={ 我的一些相关图表配置 };
this.$refs.canvas.init(this.initRadialChart)
},

//加载Horizontal数据
initHorizontal: function() {
HorizontalOption = { 我的一些相关图表配置 };
this.$refs.canvas.init(this.initHorizontal)
},

可以多个的，我自己项目里一个页面，4，5个图，是不是被挡住了

您能发个例子么？如果挡住了有解决方案么？ 我的微信小程序开发工具控制台不知道为什么打印了这么多个提示

[yah0130]

你怎么会有这么多日志打印