雷达图基础配置

以备后面拿了配置项用作提示： 

 

配置项：

option = {
    title: {
        text: '基础雷达图'
    },
    legend: {
        data: ['预算分配', '实际开销']
    },
    tooltip: {
        textStyle: {
            color: '#0be2ed'
        },
        backgroundColor: 'rgba(0,0,0,0.8)'
    },
    radar: {
        // shape: 'circle',
        indicator: [
            { name: '销售', max: 6500},
            { name: '管理', max: 16000},
            { name: '信息技术', max: 30000},
            { name: '客服', max: 38000},
            { name: '研发', max: 52000},
            { name: '市场', max: 25000}
        ],
        radius: '70%',
        center: ['50%', '50%'],
        // 雷达图每个指示器名称的配置项
        name: {
            textStyle: {
                color: '#0be2ed'
            }
        },
        // 指示器名称和指示器轴的距离
        nameGap: 8,
        // 指示器轴的分割段数
        splitNumber: 4,
        // 雷达图绘制类型，支持 'polygon' 和 'circle'
        shape: 'polygon',
        // 坐标轴在 grid 区域中的分隔区域，默认不显示
        splitArea: {
            areaStyle: {
                color: ['raba(1, 84, 120, 0.2)']
            }
        },
        // 坐标轴在 grid 区域中的分隔线
        splitLine: {
            lineStyle: {
                color: 'rgb(1, 84, 120)'
            }
        },
        // 坐标轴轴线相关设置。
        axisLine: {
            lineStyle: {
                color: 'rgb(1, 84, 120)',
                type: 'dashed'
            }
        }
    },
    series: [{
        name: '测试',
        type: 'radar',
        data: [
            {
                value: [4200, 3000, 20000, 35000, 50000, 18000],
                name: '预算分配'
            },
            {
                value: [5000, 14000, 28000, 26000, 42000, 21000],
                name: '实际开销'
            }
        ]
    }]
};

效果图：