关于#小程序#的问题:”微信小程序点击事件切换页面时echarts在真机测试加载不出来

微信小程序点击事件切换页面时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"
  }
}