echart雷達圖,讓他的圈圈的數量換成你想要的數量
官網的例子上的預設的是五圈。但是我的最大值是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);