效果图展示:
代码实现(具体实现):
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, // 分类对应的值
});
},