Javascript 可滚动的highchart在JS中工作，但在运行角度highchart时出现问题？

我在看这个代码库，它让我了解了如何开发滚动条。当我试图自己做的时候，虽然它不能正常工作

小提琴显示图表的以下设置：

var chart = Highcharts.chart('container', {
  chart: {
    type: 'bar',
  },
  plotOptions: {
    column: {
      stacking: 'normal'
    },
  },
  xAxis: {
    type: 'category',
    min: 0,
    max: 5
  },
  scrollbar: {
    enabled: true
  },
  series: [{
      type: 'pie',
      name: 'Total consumption',
      zIndex: 9,
      data: [{
        name: 'Jane',
        y: 13,
        color: Highcharts.getOptions().colors[0] // Jane's color
      }, {
        name: 'John',
        y: 23,
        color: Highcharts.getOptions().colors[1] // John's color
      }, {
        name: 'Joe',
        y: 19,
        color: Highcharts.getOptions().colors[2] // Joe's color
      }],
      center: [300, 10],
      size: 50,
      showInLegend: false,
      dataLabels: {
        enabled: false
      }
    }, {
      name: "A",
      data: test(20)
    }, {
      name: "B",
      data: test(20)
    },
    {
      name: "C",
      data: test(20)
    },
    {
      name: "D",
      data: test(20)
    }
  ]
});

我试图通过角度海图来实现这一点，虽然看起来一切都正常，但水平条在视图端口之外时不会隐藏

但看起来是这样的：

你可以看到有一些酒吧，当他们不应该显示。（这与上面的JSFIDLE相比）

我创建了一份回购协议，以创建可复制性。你应该只需要npm intall，然后ng发球。回购协议位于：

一切都应该准备就绪，您应该能够为应用程序提供服务，转到localhost并查看问题。我还没有更新它，但我也可以将数据集还原为JSFIDLE中给出的数据集

---

这是Angular HighCharts的一个小故障，还是发生了其他问题？

这是我在Angular环境中复制的演示

演示：

请注意，此示例使用的是Highstock，而不是Highcharts-Highcharts中没有实现滚动条

---

Highcharts使用scrollablePlotArea来代替：

这是我在Angular环境中分享的演示的复制品

演示：

请注意，此示例使用的是Highstock，而不是Highcharts-Highcharts中没有实现滚动条

---

Highcharts使用scrollablePlotArea:

Im impressed。我注意到，在本例中，您需要将饼图放在系列的第一位，但在其他方面，它看起来不错。我注意到的唯一一件事是，无论是在您的示例中还是在我试图解决的示例中，我都得到了导出功能的TS错误。要绕过它，我相信您会说：

Highcharts.Exporting.default（Highcharts）在导出我共享的演示中的功能时，我没有注意到任何错误。您能够复制它吗？在代码沙盒中查看代码时，它无法找到您使用的与导入相关的所有内容。所以在src/app/app.component.ts中找不到highcharts等。我的代码中也有这个问题，并注意到在替换highcharts并将其移植到上面列出的内容时，它已被修复。它是可复制的，因为样品是在你的演示张贴到codesandbox。我印象深刻。我注意到，在本例中，您需要将饼图放在系列的第一位，但在其他方面，它看起来不错。我注意到的唯一一件事是，无论是在您的示例中还是在我试图解决的示例中，我都得到了导出功能的TS错误。要绕过它，我相信您会说：
Highcharts.Exporting.default（Highcharts）在导出我共享的演示中的功能时，我没有注意到任何错误。您能够复制它吗？在代码沙盒中查看代码时，它无法找到您使用的与导入相关的所有内容。所以在src/app/app.component.ts中找不到highcharts等。我的代码中也有这个问题，并注意到在替换highcharts并将其移植到上面列出的内容时，它已被修复。它是可复制的，因为样本在您发布到codesandbox的演示中。