问题描述:代码已在下面列出框架,页面内的柱状图,应该随着f()函数的调用,数据的更新而发生更新,奇怪的是,在数据更新后,前端页面并不显示柱状图,这时,改变wxml代码,保存,页面自动刷新后,才会出现柱状图,想知道是哪里出了问题 wxml:   <view class="padding bg-white" style="width:100%;height:600rpx" >     <ec-canvas class="chart" id="bar" canvas-id="mychart-bar" ec="{{ec}}" ></ec-canvas>   </view> js大致结构: data:{ ec:{ lazyLoad:true} ...... } f(){ wx.request({ //获取后端数据集res.data  let temp = new Object()    temp.onInit = function(canvas,width,height,dpr){      const chart = echarts.init(canvas,null, {           devicePixelRatio: dpr         });      canvas.setChart(chart);      var option = {...... dataset: {         dimensions: ['0', '1', 'ywy', 'sr'],         source: res.data       }, ......} }) chart.setOption(option); } that.setData({ ec:temp }) }, onload(){ this.f() }

[图片] **本人想要在小程序里完成上述图表的再现，其中，已做以下尝试：** 1.E-chart只能对既定，写死的数据完成图表生成，我需要根据数据动态变化的效果，并且随着数据组数的改变，生成不同数量的图表；并且显示的容器position要求似乎必须为absolute，我想要用collapse隐藏，尝试失败。 2.webview引入h5页面也达不到效果，webview的强制全屏，让界面文字变得很小，难以操作，该尝试也失败；各模块引入不同页面，每个页面将图表铺满，控制模块的大小即可，但是webview单页面只能引入一个的特性，导致该想法也宣告失败了。 各位有什么好的办法吗？