鍍金池/ 問答/HTML/ echarts 微信小程序 wx:if 標簽兼容

echarts 微信小程序 wx:if 標簽兼容

我在使用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>
回答
編輯回答
她愚我

this.setData()執(zhí)行是異步的，echarts執(zhí)行的函數(shù)是同步的`<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沒有關(guān)系，出問題的是this.setData()執(zhí)行是異步的。

2017年3月5日 02:26