小程序加载会出现显示不

[jerryzn]

[jerryzn]

config: {
      canvasSize: {
        width: 350,
        height: 350
      },
      percent: 100,
      barStyle: [{width: 15, fillStyle: '#35b597'}, {width: 15, animate: true, fillStyle: [{position: 0, color: '#262827'}, {position: 1, color: '#262827'}]}],
      needDot: true,
      dotStyle: [{r: 25, fillStyle: '#ffffff', shadow: 'rgba(0,0,0,.15)'}, {r: 10, fillStyle: '#35b597'}]
    },
    pm_percentage:0, //进度条
    pollute: 0, //进度条
    protxt:'污染程度',
    pmtxt:'PM 2.5'

[lucaszhu2zgf]

不好意思，没看懂什么操作 @jerryzn

[answer33]

我这边也遇到了同样的问题，初始化percentage为0，同时我在onLoad生命周期请求接口然后this.setData({percentage:xx}),然后就会偶现如上这种渲染不全的问题。我的猜测是接口请求很快首次渲染还没完成percentage又改变了。然后我修改的方法是 在首次请求接口改变percentage加了个500ms的setTimout 就不会出现这样的渲染不全的问题了。

[lucaszhu2zgf]

我这边也遇到了同样的问题，初始化percentage为0，同时我在onLoad生命周期请求接口然后this.setData({percentage:xx}),然后就会偶现如上这种渲染不全的问题。我的猜测是接口请求很快首次渲染还没完成percentage又改变了。然后我修改的方法是 在首次请求接口改变percentage加了个500ms的setTimout 就不会出现这样的渲染不全的问题了。

大概知道什么问题了，我看看 @answer33

[chentaixing8866]

我这边也遇到了同样的问题，初始化percentage为0，同时我在onLoad生命周期请求接口然后this.setData（{percentage：xx}），然后就会偶现如上这种渲染不全的问题。我的猜测是接口请求很快首次渲染还没完成百分比又改变了。然后我修改的方法是 在首次请求接口改变百分比加了个500ms的setTimout 就不会出现这样的渲染不全的问题了。

我也遇到这个问题，用了您的方法解决了！ 非常感谢！

[OuO-dodo]

我这边也遇到了同样的问题，初始化percentage为0，同时我在onLoad生命周期请求接口然后this.setData({percentage:xx}),然后就会偶现如上这种渲染不全的问题。我的猜测是接口请求很快首次渲染还没完成percentage又改变了。然后我修改的方法是 在首次请求接口改变percentage加了个500ms的setTimout 就不会出现这样的渲染不全的问题了。

大概知道什么问题了，我看看 @answer33

我也碰到了同样的问题，我的场景是用进度条体现倒计时，页面加载完后用setInterval循环改变百分比的话，进度条会跑到左上方