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

其他的细节可以参考https://blog.csdn.net/qq_33769914/article/details/82706501


版权声明:本文为qq_33769914原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。