前端雷达图将拐点数据显示在类目下

您可以尝试使用 echarts.js 库来绘制雷达图，并在 option 对象中设置相应的参数来实现将拐点数据显示在类目下的效果。具体步骤如下：

1. 引入 echarts.js 库：

<script src="https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js"></script>

2. 创建一个 DOM 元素作为图表容器：

<div id="chart" style="width: 600px; height: 400px;"></div>

3. 在 JavaScript 中配置 option 对象：

var option = {
    radar: {
        indicator: [
            { name: '指标一', max: 100 },
            { name: '指标二', max: 100 },
            { name: '指标三', max: 100 },
            { name: '指标四', max: 100 },
            { name: '指标五', max: 100 }
        ],
        axisLabel: {
            show: true,
            formatter: function (value, index) {
                return value.slice(0, value.indexOf(':'));
            }
        },
        splitLine: {
            show: true,
            lineStyle: {
                type: 'dashed',
                opacity: 0.5
            }
        }
    },
    series: [{
        name: '数据',
        type: 'radar',
        data: [
            {
                value: [80, 60, 70, 80, 90],
                name: '数据一',
                label: {
                    show: true,
                    formatter: function (params) {
                        return params.value.join('\n');
                    }
                }
            },
            {
                value: [30, 50, 40, 60, 70],
                name: '数据二',
                label: {
                    show: true,
                    formatter: function (params) {
                        return params.value.join('\n');
                    }
                }
            }
        ]
    }]
};

4. 创建 echarts 实例并绑定到图表容器上：

var chart = echarts.init(document.getElementById('chart'));
chart.setOption(option);

在上面的代码中，我们在 radar 对象的 axisLabel 属性中设置了 formatter 回调函数，用来截取类目名称并显示在拐点下方。同时，在 series 对象中，我们设置了 label 属性来显示拐点的具体数值。

需要注意的是，以上代码仅为示例代码，实际使用时需要根据自己的需求进行调整。