highcharts 3D 有高低饼图

Highcharts是一个强大的JavaScript图表库，它支持创建各种类型的图表，包括3D效果。在Highcharts中，如果你想要创建一个3D的高低饼图（类似于堆积环形图，也称为donut or doughnut chart with a hole），你可以使用其中的`column3d`系列。这个系列允许你在三维空间中堆叠柱状图数据，并通过调整视图角度呈现出立体感。

创建一个3D高低饼图的基本步骤如下：
1. 引入Highcharts库和3D模块。
2. 创建一个包含数据和配置选项的对象。
3. 调用`Highcharts.chart`函数并传入容器元素和配置对象。

示例配置可能像这样：

Highcharts.chart('container', {
    chart: {
        type: 'column3d',
        options3d: { enabled: true }
    },
    series: [{
        data: [
            // 高值数据
            [0, 4], [1, 8],
            // 低值数据
            [2, 6], [3, 2]
        ],
        showInLegend: false, // 高低区分，低值部分不在图例中显示
        stacking: 'normal', // 表示堆积模式
        tooltip: {
            pointFormat: '<span style="color:{series.color}">{point.y:.1f}</span>'
        }
    }],
    xAxis: {
        categories: ['A', 'B', 'C', 'D']
    },
    plotOptions: {
        column3d: {
            depth: 25,
            sidePadding: 10
        }
    }
});