Document

    canvas{

        border: 1px solid red;

    }

        浏览器不支持

    var canvasEle= document.querySelector("canvas");

  var cxt=  canvasEle.getContext("2d");

  var data=[

      {

        msg:'8000以下',

        value:0.1,

        color:'pink'  

      },

      {

        msg:'8000-9000',

        value:0.2,

        color:'yellow'  

      },

      {

        msg:'9000-10000',

        value:0.2,

        color:'green'  

      },

      {

        msg:'8000以下',

        value:0.5,

        color:'blue'  

      } ];

      var x0=400;

      var y0=400;

      var r=200;

      //设置初始值开始的角度

      var starDeg=0;

      var endDeg=0;

      var zhunahu=Math.PI/180;

      //绘制饼图的每个位置

      for(var i=0; i