Angular-7 Highchart Node.marker不适用于页面加载

Question

我正在首先加载的仪表板上使用带有高图表的angular-7。加载页面时，我希望标记为radius:50，但是加载页面时，它不会设置radius to 50。当我单击其他路由器链接并返回时，它可以正常工作。我在stackblitz中重复了该问题。最初加载页面后，当我在debugger中取消对addColours()的注释时，它将无法正确显示。我知道我做错了什么，部分代码在图形形成之前已经执行，或者某些文件的加载被延迟了。

我也尝试过这样修改

let highchart: any = Highcharts;
Highcharts.addEvent(Highcharts.Series, 'afterSetOptions', function (e: any) {
  var colors = Highcharts.getOptions().colors, i = 0, nodes = {};
  if (this instanceof highchart.seriesTypes.networkgraph &&
    e.options.id === 'network-budget') {
      ---- doing my stuff
    }

高度赞赏任何建议或解决方案。

Answer 1

chartCallback在图表已完全呈现并准备开始初始动画时触发。触发afterSetOptions时，您的自定义逻辑启动。为了实现这一目标，必须对系列进行更新。因此，我添加了以下行来强制更新：

chart.series[0].update({})

Live demo