echarts 微信小程序 wx:if 标签兼容

Question

我在使用echarts-for-weixin 时遇到问题.

像下面这样写的时候图表无法正常加载.我不知道是由于我写的不对还是不支持这样写.

<view class="container">
  <view wx:if="判断条件">
    <ec-canvas id="mychart-dom-pie" style="width:100%;height:260px;position:absolute;"  canvas-id="mychart-pie" ec="{{ ec }}"></ec-canvas>
  </view>
</view>

而像这样写就可以:

<view class="container">
<ec-canvas id="mychart-dom-pie" style="width:100%;height:260px;position:absolute;"  canvas-id="mychart-pie" ec="{{ ec }}"></ec-canvas>
</view>

Answer 1

this.setData()执行是异步的，echarts执行的函数是同步的`<view class="container">

<view wx:if="{{currentIndex == 2}}">
    <ec-canvas id="mychart-dom-bar" style="position:absolute;" canvas-id="mychart-bar" ec="{{ ec }}"></ec-canvas>
</view>

</view>`

`data: {

currentIndex : 2,
ec: {
  onInit: initChart
}    

},`

上面这个例子wx:if是能显示图表的，跟wx:if没有关系，出问题的是this.setData()执行是异步的。