小程序
小游戏
企业微信
微信支付
扫描小程序码分享
使用ec-canvas在开发者工具不报错，真机会报cannot set properties dpr，导致canvas渲染失败
3 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
请问问题解决了么？一个页面放了两个echarts，遇到同样问题
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
goEchart(){ this.barComponent1 = this.selectComponent('#mychart-line1');this.init_bar1('获取的渲染数据'); this.barComponent2 = this.selectComponent('#mychart-line2');this.init_bar2('获取的渲染数据');this.barComponent3 = this.selectComponent('#mychart-line3');this.init_bar3('获取的渲染数据'); this.barComponent4 = this.selectComponent('#mychart-line4');this.init_bar4('获取的渲染数据');应该是7个....}
init_bar（data）{this.barComponent1.init((canvas, width, height,dpr) => {
const barChart = echarts.init(canvas, null, {
width: width,
height: height,
devicePixelRatio:dpr
});
canvas.setChart(barChart)
barChart.setOption(data),true);
barChart.resize()
return barChart;
});} 代码就是这样，开发者工具没问题，真机有几个显示不出来，而且不是固定的，我调试发现这个错，有这个错就没有办法渲染出来，没有的都可以显示
代码贴出来
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
请问问题解决了么？一个页面放了两个echarts，遇到同样问题
goEchart(){ this.barComponent1 = this.selectComponent('#mychart-line1');this.init_bar1('获取的渲染数据'); this.barComponent2 = this.selectComponent('#mychart-line2');this.init_bar2('获取的渲染数据');this.barComponent3 = this.selectComponent('#mychart-line3');this.init_bar3('获取的渲染数据'); this.barComponent4 = this.selectComponent('#mychart-line4');this.init_bar4('获取的渲染数据');应该是7个....}
init_bar（data）{this.barComponent1.init((canvas, width, height,dpr) => {
const barChart = echarts.init(canvas, null, {
width: width,
height: height,
devicePixelRatio:dpr
});
canvas.setChart(barChart)
barChart.setOption(data),true);
barChart.resize()
return barChart;
});} 代码就是这样，开发者工具没问题，真机有几个显示不出来，而且不是固定的，我调试发现这个错，有这个错就没有办法渲染出来，没有的都可以显示
代码贴出来