详解echarts雷达图

接下来，需要配置雷达图的数据信息

    
        // 配置雷达图的数据
        var option = {
            title: {
                text: 'echarts雷达图示例'
            },
            tooltip: {},
            legend: {
                data:['预算分配','实际开销']
            },
            radar: {
                // 雷达图坐标系组件
                indicator: [
                    { name: '销售', max: 6500},
                    { name: '管理', max: 16000},
                    { name: '信息技术', max: 30000},
                    { name: '客服', max: 38000},
                    { name: '研发', max: 52000},
                    { name: '市场', max: 25000}
                ]
            },
            series: [{
                name: '预算 vs 开销(Allocated Budget vs Actual Spending)',
                type: 'radar',
                // 数据
                data: [
                    {
                        value: [4300, 10000, 28000, 35000, 50000, 19000],
                        name: '预算分配',
                        // 单个数据项的样式配置
                        itemStyle: {color: '#104E8B'}
                    },
                    {
                        value: [5000, 14000, 28000, 31000, 42000, 21000],
                        name: '实际开销',
                        // 单个数据项的样式配置
                        itemStyle: {color: '#00FF00'}
                    }
                ]
            }]
        };

        // 使用刚指定的配置项和数据显示图表
        myChart.setOption(option);
    

这样我们就成功创建了一个雷达图，可以根据所需的数据进行修改配置，以展现不同效果。