Highcharts 我们如何在像pic这样的高图中设计3d柱状图？

我想设计一个图表，如图中的角度8高图表

我能在二维设计它。但是我想要3d的

谁能给我一个提示吗

我的代码是：

this.chartOptions = {
      chart: {
        // renderTo: "container",
        type: "column",
        options3d: {
          enabled: true,
          alpha: 20,
          beta: 30,
          depth: 200,
          viewDistance: 5,
          frame: {
            bottom: {
              size: 1,
              color: 'rgba(0,0,0,0.05)'
            }
          }
        }
      },
      credits: {
        enabled:false
      },
      title: {
        text: "Trainee vs Webinar Chart"
      },
      subtitle: {
        text: "Test options by dragging the sliders below"
      },
      yAxis: {
        min: 0,
        max: 100,
        gridLineWidth: 3,
        gridLineColor: 'green'
      },
      xAxis: {
        categories:['Trainee','Webinar'],
        // min: 0,
        // max: 2,
        gridLineWidth: 0
      },
      zAxis: {
        min: 0,
        max: 3,
        categories: ['Trainee','Webinar'],
        labels: {
          y: 5,
          rotation: 18
        }
      },
      plotOptions: {
        series: {
          groupZPadding: 10,
          depth: 60,
          groupPadding: 0,
          grouping: false,
        }
      },
      series: [
        {
          // name: "Trainee vs Webinar Data",
          data: [
            {name:"Trainee",y:80,color:'#4472c5'},
            {name:"Webinar",y:60,color:'violet'}
          ]
        }
      ]
    } 

我正在调用ngoninit中的一个函数

在这个函数中，我为图表定义了这个配置

我犯了什么错误

---

提前感谢

您需要添加

highcharts-3d

模块，角度：

import * as Highcharts from 'highcharts';
import HC_3d from 'highcharts/highcharts-3d';

HC_3d(Highcharts);

---

现场演示：

文档：