Page({ onReady:function(){  // 頁面渲染完成  // 創(chuàng)建上下文  var context = wx.createContext();// 畫餅圖//  數(shù)據(jù)源  var array = [20, 30, 40, 40];  var colors = ["#ff0000", "#ffff00", "#0000ff", "#00ff00"];  var total = 0;//  計(jì)算問題  for (index = 0; index < array.length; index++) {    total += array[index];  }//  定義圓心坐標(biāo)  var point = {x: 100, y: 100};//  定義半徑大小  var radius = 60;/*  循環(huán)遍歷所有的pie */  for (i = 0; i < array.length; i++) {    context.beginPath();//    起點(diǎn)弧度    var start = 0;    if (i > 0) {//      計(jì)算開始弧度是前幾項(xiàng)的總和，即從之前的基礎(chǔ)的上繼續(xù)作畫      for (j = 0; j < i; j++) {        start += array[j] / total * 2 * Math.PI;       }    }    console.log("i:" + i);    console.log("start:" + start);//   1.先做第一個(gè)pie//    2.畫一條弧，并填充成三角餅pie，前2個(gè)參數(shù)確定圓心，第3參數(shù)為半徑，第4參數(shù)起始旋轉(zhuǎn)弧度數(shù)，第5參數(shù)本次掃過的弧度數(shù)，第6個(gè)參數(shù)為時(shí)針方向-false為順時(shí)針   context.arc(point.x, point.y, radius, start, array[i] / total * 2 * Math.PI, false);//   3.連線回圓心   context.lineTo(point.x, point.y);//   4.填充樣式   context.setFillStyle(colors[i]);//   5.填充動(dòng)作   context.fill();   context.closePath();  }  wx.drawCanvas({    canvasId: 'canvas2',    actions: context.getActions()  }); }})