echarts 衍射光栅图

ECharts 是一个强大的数据可视化库，提供了丰富的图表类型，包括衍生出的高级交互和动画效果。其中，衍射光栅图（也称为Radar Chart或雷达图）是一种特殊的折线图变种，用于展示多个维度的数据在一个圆形区域内的分布情况。这种图形形式有助于比较各个类别在不同维度上的表现。

在 ECharts 中，你可以使用 `echarts TreeMap` 或者 `echarts.Radar` 组件来创建衍射光栅图。Radar 图的特点是每个维度由一条轴表示，并且所有轴都在同一个中心点辐射出去，形成类似雷达扫描的效果。数据点则位于这些轴线上，通过连接各个点来描绘数据分布。

以下是如何在 ECharts 中创建一个基本的衍射光栅图的例子：

var option = {
    radar: { // 雷达图配置
        name: '雷达图示例',
        angleAxis: { // 角度轴配置
            type: 'category', // 类别轴
            data: ['销售', '市场', '技术', '服务'] // 轴标签
        },
        radiusAxis: { // 半径轴配置
            type: 'value' // 数值轴
        },
        indicator: [
            { name: '数值1' }, // 数据系列
            { name: '数值2' }
            // 更多数据系列...
        ]
    },
    series: [{
        type: 'radar', // 使用雷达系列
        data: [[820, 932, 901, 934, 1290], [830, 920, 946, 907, 1280]], // 每个数据系列对应一维数据
        areaStyle: { normal: {} } // 区域填充样式
    }]
};

var chart = echarts.init(document.getElementById('main')); // 初始化图表
chart.setOption(option); // 设置选项并渲染