526互联

微信小程序使用echarts动态设置宽高

发布时间 2023-08-01 11:04:20作者: ZerlinM

微信小程序中动态设置了echarts的高度，但是canvas变形，并没有重新resize

原因

chart获取不到父组件的宽高，小程序里获取宽高用的是 wx.createSelectorQuery() ，echarts里resize的时候，并没有调用这个API，肯定无法重置宽高。

解决

if (chart) {
  const getWindowInfo = uni.getWindowInfo();
  chart.clear();
  chart.setOption(option);
  chart.resize({
    width: getWindowInfo.screenWidth,
    height: pieEchartsHeight,
  });
}

注意

chart.resize必须传入宽高，宽 and 高！！！