Javascript highcharts不渲染图表

我正在使用

Angular 7

、

highcharts

和

highcharts Angular

渲染3个圆环图。但是，由于某些原因，它们不会渲染

这里有一个例子来说明这个问题

我遵循这一点使它起作用，但它不起作用

所有3个图表都正确地获得了选项，但图表没有呈现

<div id="chart{{chartIndex}}">
<highcharts-chart>
  [Highcharts] = "highcharts" 
  [options] = "options"
  style = "width: 100%; height: 100%; display: block;"
</highcharts-chart>
</div>

[Highcharts]=“Highcharts”
[选项]=“选项”
style=“宽度：100%；高度：100%；显示：块；”

您的html中有一个输入错误，在您的

hc图表

组件中：

<highcharts-chart>
  [Highcharts] = "highcharts" 
  [options] = "options"
  style = "width: 100%; height: 100%; display: block;"
</highcharts-chart>

请注意角支架的移动

---

是最新的闪电战

请参见本教程。这更相关。

<highcharts-chart
  [Highcharts] = "highcharts" 
  [options] = "options"
  style = "width: 100%; height: 100%; display: block;">
</highcharts-chart>
</div>