在Highcharts 3D散点图中显示标签

// 引入Highcharts库
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/highcharts-3d.js"></script>

// 创建散点图容器
<div id="scatterChartContainer"></div>

// 配置散点图选项
<script>
Highcharts.chart('scatterChartContainer', {
    chart: {
        type: 'scatter',
        renderTo: 'scatterChartContainer',
        options3d: {
            enabled: true,
            alpha: 10,
            beta: 30,
            depth: 250,
            viewDistance: 5,
            frame: {
                bottom: { size: 1, color: 'rgba(0,0,0,0.02)' },
                back: { size: 1, color: 'rgba(0,0,0,0.04)' },
                side: { size: 1, color: 'rgba(0,0,0,0.06)' }
            }
        }
    },
    title: {
        text: '3D Scatter Chart with Labels'
    },
    xAxis: {
        title: {
            text: 'X Axis'
        }
    },
    yAxis: {
        title: {
            text: 'Y Axis'
        }
    },
    zAxis: {
        title: {
            text: 'Z Axis'
        }
    },
    plotOptions: {
        scatter: {
            marker: {
                radius: 5,
                states: {
                    hover: {
                        enabled: true,
                        lineColor: 'rgb(100,100,100)'
                    }
                }
            },
            states: {
                hover: {
                    marker: {
                        enabled: false
                    }
                }
            },
            tooltip: {
                headerFormat: '<b>{series.name}</b><br>',
                pointFormat: 'X: {point.x}, Y: {point.y}, Z: {point.z}'
            }
        }
    },
    series: [{
        name: 'Data',
        colorByPoint: true,
        data: [
            [1, 2, 3, 'Label 1'],
            [4, 5, 6, 'Label 2'],
            [7, 8, 9, 'Label 3'],
            // 添加更多数据点
        ]
    }]
});
</script>