问题描述:代码已在下面列出框架,页面内的柱状图,应该随着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()
}