前端雷达图显示数值在类目下

您可以使用 echarts.js 库来绘制雷达图并显示数值。具体实现方式如下：

1. 在 echarts 中设置 radar 组件：

option = {
    radar: {
        // 雷达图的指示器，即类目
        indicator: [
            { name: '类目1', max: 100 },
            { name: '类目2', max: 100 },
            { name: '类目3', max: 100 },
            { name: '类目4', max: 100 },
            { name: '类目5', max: 100 }
        ],
        // 雷达图的中心点
        center: ['50%', '50%'],
        // 雷达图的半径
        radius: '60%',
        // 雷达图的分割段数
        splitNumber: 5
    },
    // 其他配置项...
};

2. 在 series 中设置需要显示数值的数据项：

option = {
    series: [{
        type: 'radar',
        data: [
            {
                name: '数据项1',
                value: [60, 73, 85, 40, 50],  // 对应雷达图的每个类目的数值
                label: {
                    show: true,  // 显示数值
                    formatter: '{c}'  // 格式化数值
                }
            },
            // 其他数据项...
        ]
    }],
    // 其他配置项...
};

通过设置 label 的 show 属性为 true，可以显示数值；通过设置 formatter 属性可以格式化数值的显示方式。

以上就是在 echarts 中绘制雷达图并显示数值的实现方式，希望能对您有所帮助。