当前位置:   article > 正文

扇形统计图————微信小程序_微信小程序扇形图

微信小程序扇形图
  1. const agePie = function (data) {
  2. const age = data;
  3. const query = wx.createSelectorQuery("");
  4. query.select("#agePie").fields({
  5. node: true,
  6. size: true
  7. });
  8. query.exec(function (res) {
  9. const canvas = res[0].node;
  10. // 定义颜色
  11. const color = ['#8B0000','#4169E1','#D2691E','#228B22','#4B0082','#FF1493','#FFD700',]
  12. const pie = canvas.getContext('2d');
  13. const dpr = wx.getSystemInfoSync().pixelRatio;
  14. canvas.width = res[0].width * dpr;
  15. canvas.height = res[0].height * dpr;
  16. // 中心点cp
  17. const cp = {
  18. x: canvas.width / 2,
  19. y: canvas.height / 2+150
  20. };
  21. // 定义 π
  22. const p = Math.PI;
  23. // 年龄区间
  24. var section = [];
  25. // 人数总和
  26. let all = 0;
  27. age.forEach((item) => {
  28. all +
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/凡人多烦事01/article/detail/549734
推荐阅读
相关标签
  

闽ICP备14008679号