环图显示转到指定数值后，数据层自动消失

Question

环图有动画显示

环图转到指定数值后，数据层自动消失 有关系吗

还有

数据格式化为只有一项，例如 a = [ [1] , [2] , [3] ] 格式化为： a=[ [1] ]

这个我不知道怎么做

Answer 1

Lyn 2016-07-04 10:58:10

给个线上的地址我看看。也有其他同学有你这样的问题。你看看以下代码能不能帮到你。

var draw = function( per ){
 // ... 省略
    if( per >= 1){
      component.find('.text').css('opacity',1);
      ctx.clearRect(0,0,w,h); // 新增这一行
    }
  }

• weibo_哆啦A梦有大口袋_0 #1

  我也遇到同样的问题，ctx.clearRect(0,0,w,h); // 新增这一行，
  这一行是清除蒙版层的画布吗？

• 深山小童 #2

  老师，为什么饼图可以，但是环图，最后会出现蒙层呢，两者动画蒙层好像就起始位置不一样。

• 深山小童 回复 weibo_哆啦A梦有大口袋_0 #3

  嗯，动画完成的时候，清除了蒙层的画布，我测试了以下，问题好像就出在起始位置，在per=1的时候，终点位置超过了起始位置一点点，反而逆时针画的时候，画出了蒙层。应该是弧度计算的时候出现的误差吧，就如同0.1+0.2不等于0.3

Answer 2

益铭 2016-07-08 12:28:56

就是少了clearRect，我也入过坑