绘制雷达图及配置
let mEcharts = echarts.init(document.querySelector('div'))
let option = {
radar: {
// 给雷达图设置5个最大值,数据的值不能大于最大值
indicator: [
{name: '性能', max: 400},
{name: '功耗', max: 400},
{name: '电量', max: 400},
{name: '跑分', max: 400},
{name: '外观', max: 400},
]
},
series: [
{
// 图形类型为雷达图
type: 'radar',
// 雷达图的数据
data: [
{
name: '华为',
value: [360, 280, 320, 375, 300]
},
{
name: '中兴',
value: [320, 260, 290, 315, 265]
}
],
// 标签的样式
label: {
// 显示标签
show: true
},
// 雷达图线的样式
itemStyle: {
// 雷达图线的颜色
color: 'red'
},
// 雷达图内部填充的阴影面积的样式
areaStyle: {
// 阴影的颜色
color: 'gray'
}
}
]
}
// 指定配置项及数据
mEcharts.setOption(option)
最终展示效果: