特点
可以用来分析多个维度的数据与标准数据的对比情况
基本使用
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>雷达图</title>
<script src="Echarts_kaifa.js"></script>
</head>
<body>
<div>
<h4>type:radar 雷达图 </h4>
<div id="radar" style="width: 600px;height:400px;"></div>
</div>
<hr>
<script>
let myEchart = echarts.init(document.querySelector("#radar"))
// 各个维度的最大值
let dataMax=[
{name:'易用性',max:100},
{name:'功能',max:100},
{name:'拍照',max:100},
{name:'跑分',max:100},
{name:'续航',max:100}
]
let option = {
radar:{ // 配置维度
indicator: dataMax
},
series:[
{
type:'radar', // 雷达图
data:[
{name:'手机1',value:[80,90,80,90,82]},
{name:'手机2',value:[75,80,70,80,72]}
]
}
]
}
myEchart.setOption(option)
</script>
</body>
</html>
常用配置
显示数值
series:[{
label:{show:true},
}]
区域面积填充
series:[{
areaStyle:{},
}]
绘制类型 shape
radar:{ // 配置维度
indicator: dataMax,
shape:'circle' // 'polygon' 'circle'
},