官网的例子上的默认的是五圈。但是我的最大值是6.并且四个值都是整数的。希望我的数值落在方形格子的顶点上。这时候我就需要把这个圈圈的数量变成6了。
实现这样的效果。每个值都在交叉线上面。

我们需要修改参数splitNumber: 6,
let myChartPie = this.$echarts.init(document.getElementById('chartPie'));
var options = {
title: {
text: ''
},
tooltip: {
trigger: 'axis',
show:false//鼠标滑过不显示提示
},
radar: [{
indicator: [
{text: '外向',min:0, max: 6,color:'#000'},
{text: '理性',min:0, max: 6,color:'#000'},
{text: '内向',min:0, max: 6,color:'#000'},
{text: '感性',min:0, max: 6,color:'#000'}
],
center: ['50%','50%'],
radius: 80, //半径也就是整个图像的大小
splitNumber: 6,
axisLine: {
lineStyle: {
color: '#4696FF',
}
},
},
],
series: [{
type: 'radar',
tooltip: {
trigger: 'item'
},
itemStyle: {normal: { areaStyle: {type: 'default'},color:'#4696FF', }, }, //这里颜色是背景色的那个蓝色
},
]};
options.series[0].data= [{ value:this.chartValue, name: '性格特点' }];
myChartPie.setOption(options);
其他的细节可以参考https://blog.csdn.net/qq_33769914/article/details/82706501