问题似乎是，在jsfiddle中，有创建新Highcharts图表的代码，但您的Angular组件中似乎还没有该代码。您似乎还有更多的工作要做！

events: {
        click: function() {
          const popup = document.getElementById('popup');
          const popupContent = document.getElementById('popupContent');

          popup.style.display = 'block';

          Highcharts.chart(popupContent, {
            chart: {
              width: 200
            },
            series: [{
              type: 'organization',
              data: nestedChartData[this.id]
            }]
          });

          this.series.chart.update({
            tooltip: {
              enabled: false
            }
          });
        }
      }

图表类型与数据有关，我将数据Department1更改为API中的线型数据，series.line.data，现在您可以打开线型图表。

const nestedChartData = {
  Department1: [1, 2, 4, 5],
  Department2: [
    [0, 1],
    [1, 2],
    [2, 8]
  ],
  Department3: [{
    x: 1,
    y: 9,
    name: "Point2",
    color: "#00FF00"
  }, {
    x: 1,
    y: 6,
    name: "Point1",
    color: "#FF00FF"
  }],
};

演示：https://stackblitz.com/edit/highcharts-angular-line-rqg4hy
编辑
我准备了一个简化的演示，在point event click中创建新的HTML元素。
演示：https://jsfiddle.net/BlackLabel/fud5q19a/