微信小程序点击事件切换页面时echarts在真机测试加载不出来,在电脑上没事
可能是因为在切换页面时echarts没有重新渲染导致的。你可以试试在切换页面后在 onShow 生命周期里重新调用 setOption 方法来重新渲染echarts。也可以在切换页面前调用 clear 方法来清除echarts数据。
望采纳!!!
一、先检查一下:是不是渲染数据条数太多,高度太高了导致的?
二、需要在wxml中添加样式
<view class="margin-top-lg echart-position">
<ec-canvas id="mychart-dom-line" canvas-id="mychart-line" ec="{{ec}}"></ec-canvas>
</view>
.echart-position {
position:relative;
height: 280px;
overflow:hidden;
}
需要在json文件中引入echarts:
{
"usingComponents": {
"ec-canvas": "../../../ec-canvas/ec-canvas"
}
}