雷达图是通过ECharts的雷达图坐标系组件实现的,其坐标系与极坐标系不同的是它的每一个轴(indicator 指示器)都是一个单独的维度,可以通过 name、axisLine、axisTick、axisLabel、splitLine、 splitArea 几个配置项配置指示器坐标轴线的样式。
构建容器
CSS核心样式表
html, body {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}
#box {
width: 100%;
height: 100%;
}
雷达核心代码
var myChart = echarts.init(document.getElementById('box'));
var option = {
backgroundColor: '#000',
tooltip: {
show: true,
trigger: "item"
},
radar: