微信小程序canvas绘制雷达图

效果图展示:

微信小程序canvas绘制雷达图_第1张图片

代码实现(具体实现):

github地址:https://github.com/Yana5417/Radar/

调用:

// 画雷达图
  drawRadar() {
    const categories =  ['故事绘本', '英语教育', '数学教育', '科学教育', '情商教育', '通识教育'];
    const data =  [4, 11, 3, 5, 2, 4];

    const colors = [
      '#5bc5be',
      '#fcb046',
      '#f26747',
      '#f5457e',
      '#786eff',
      '#03c3fb'
    ];

    new Radar({
      canvasId: 'radarCanvas',
      colors,
      width: 260,
      height: 180,
      categories, // 分类数组
      data, // 分类对应的值
    });
  },

 

你可能感兴趣的:(小程序开发中遇到的问题总结)