2023.1.6今天我学习了如何使用echarts radar雷达图,效果如:
首先是给容器设置id,宽高
然后是
var radarChart = echarts.init(document.getElementById('radar'));
radarChart.setOption({
title: {
text: '当前校企合作成果总体分布',
textStyle: {
color: 'white'
},
left: "-5px",
top: "10px"
},
radar: {
radius: '60%',
// 设置雷达图的个数
splitNumber: 5,
// 设置内部样式
splitArea: {
areaStyle: {
opacity: 0.6,
}
},
// 设置文字样式
name: {
textStyle: {
fontSize: 20,
}
},
// 设置文字数据
indicator: [
{ name: '国家级' },
{ name: '省级' },
{ name: '市级' },
{ name: '县级' },
{ name: '校企共建' },
{ name: '其他' }
]
},
tooltip: {
show: true,
data: ['其他']
},
legend: {
show: false
},
series: [{
name: '当前校企合作成果总体分布',
type: 'radar',
radius: ['35%', '50%'],
data: [],
}]
});