html代码:
<div id="box" style="width: 100vw;height: 600px;background-color: gray;"></div>
引入jQuery文件和echarts第三方,下面是jQuery代码:
var echart = echarts.init($("#box")[0])
var option = {
legend:{
bottom:0,
data:["老鼠","火男","亚索"],
selectedMode:"single",
},
radar:{
indicator:[{
name:'攻击',max:10
},
{
name:'法术',max:10
},
{
name:'防御',max:10
},
{
name:'上手难度',max:10
}],
shape:"circle",
radius:70,
splitNumber:5,
splitLine:{
lineStyle:{
color:["rgba(220,0,0,0.1)","rgba(220,0,0,1)","rgba(220,0,0,0.8)",
"rgba(220,0,0,0.5)","rgba(220,0,0,0.2)"]
}
}
},
series:[
{
name:"老鼠",
type:"radar",
data:[[9,3,2,6]]
},
{
name:"火男",
type:"radar",
data:[[2,9,2,4]]
},
{
name:"亚索",
type:"radar",
data:[[8,4,4,10]]
}
]
}
echart.setOption(option)