1. 程式人生 > >echart雷達圖,讓他的圈圈的數量換成你想要的數量

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);