消防训练成员整体雷达图 eharts

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接: https://blog.csdn.net/weixin_41290949/article/details/102658254

在这里插入图片描述

option = {
    title: {
        text: '消防训练成员整体雷达图'
    },
    tooltip: {},
    toolbox: {
        
        feature: {
            dataView : {
        show : true,
        title : '数据视图',
        readOnly: true,
        lang: ['数据视图', '关闭', '刷新']
       },
            saveAsImage: {}
     }
    },
    legend: {
        data: ['60米肩梯评分标准', '3000米评分标准','5000米负重评分标准']
    },
    radar: {
        shape: 'circle',
        splitNumber: 4,
        name: {
            textStyle: {
                color: '#fff',
                backgroundColor: '#838D9E',
                borderRadius: 2,
                padding: [1, 5]
           }
        },
        // 设置雷达图中间射线的颜色
        axisLine: {
            lineStyle: {
                color: 'rgba(131,141,158,.5)',
                },
        },
         //雷达图背景的颜色,在这儿随便设置了一个颜色,完全不透明度为0,就实现了透明背景
        splitArea : {
            show : false,
            areaStyle : {
                color: 'rgba(255,0,0,0)', // 图表背景的颜色
            },
        },
        splitLine : {
            show : true,
            lineStyle : {
                width : 1,
                color : 'rgba(131,141,158,.1)', // 设置网格的颜色
            },
        },

        indicator: [
           { name: '赵', max: 100,
               //若将此属性放在radar下,则每条indicator都会显示圈上的数值,放在这儿,只在通信这条indicator上显示
        axisLabel: {
                show: true,
                fontSize: 12,
                color: '#838D9E',
                showMaxLabel: false, //不显示最大值,即外圈不显示数字30
                showMinLabel: true, //显示最小数字,即中心点显示0
            }
           },
           { name: '钱', max: 100},
           { name: '孙', max: 100},
           { name: '李', max: 100},
           { name: '周', max: 100},
           { name: '吴', max: 100},
           { name: '郑', max: 100},
           { name: '王', max: 100},
           { name: '冯', max: 100},
           { name: '陈', max: 100},
           { name: '褚', max: 100},
           { name: '魏', max: 100}
        ],
        
    },
    series: [{
      name: '预算 vs 开销(Budget vs spending)',
        type: 'radar',
         //symbol: 'circle', // 拐点的样式,还可以取值'rect','angle'等
        //symbolSize: 5, // 拐点的大小
         //areaStyle: {normal: {}},
        data : [
            {
                value : [60, 70, 90, 100, 80, 89,76, 63, 59, 90, 89, 96],
                name : '60米肩梯评分标准'
            },
             {
                value : [50, 65, 89, 86, 88, 92,86, 89, 99, 98, 80, 90],
                name : '3000米评分标准'
            },
             {
                value : [57, 69, 99, 89, 68, 90,82, 79, 58, 68, 89,87],
                name : '5000米负重评分标准'
            }
        ]
    }]
};

猜你喜欢

转载自blog.csdn.net/weixin_41290949/article/details/102658254