Echarts雷达图配置项

//常用的option配置:
var option = {
          radar: {          
            shape: 'circle',//雷达图形状
            radius:50,//雷达半径
            splitNumber: 3, // 雷达图圈数设置
             //雷达图各角的标志名称
	        indicator: [
	           { name: '销售', max: 6500},
	           { name: '管理', max: 16000},
	           { name: '信息技术', max: 30000},
	           { name: '客服', max: 38000},
	           { name: '研发', max: 52000},
	           { name: '市场', max: 25000}
	        ],
	        name: {
                show:true,
                formatter:function(value){// //雷达图各角的自定义显示数据
                      let result = '';
                      let index = list.indexOf(value);
                      result = `${value}:${data[index]}`;
                      return result;
                },
                textStyle: { //雷达图各角的样式
                     color: '#595C61'
                 }
             },
            axisLine: {
              lineStyle: {
                color:'black', // 设置雷达图中间射线的颜色
              }
            },
            splitLine : {
              show : true,
              lineStyle : {
                width : 1,
                color : 'black', // 雷达图网格的颜色
              }
            },
            splitArea : {
              show : false,
              areaStyle : {
                color: 'transparent', // 雷达图背景的颜色
              }
            },
          },
          series: [{
            name: '',
            type: 'radar',
            symbol: 'circle', // 拐点的样式,还可以取值'rect','angle'等
        	symbolSize: 8, // 拐点的大小
        	///数据形成的不规则区域的边线样式
            itemStyle: {
              normal: {
                color: 'rgba(255,255,255,0.6);',
                lineStyle: {
                  width: 2,
                  color: '#21CCDF',
                },
              },
            },
             //数据形成的不规则区域的内部样式
            areaStyle: {normal: {}},
            data : [{
                value:_this.radarData,
                label: {//各拐点的数值
                  normal: {
                    show: true,
                    formatter:function(params) {
                      return params.value;
                    }
                  }
                }
            }]
         }]
};
发布了259 篇原创文章 · 获赞 21 · 访问量 5万+

猜你喜欢

转载自blog.csdn.net/wsln_123456/article/details/104023735