Angular 7 Highchart Node.marker 无法处理页面加载

Question

我在首先加载的仪表板上使用 Angular 7 和 Highchart。加载页面时，我希望标记为 radius:50，但是当加载页面时，它不会将 半径设置为 50。当我点击其他路由器 link 并返回时，它工作得很好。我在 Stackblitz.

中复制了这个问题

最初加载页面时，当我取消注释 addColours() 中的 debugger 时它无法正确显示，它按预期工作。我知道我做错了什么，部分代码在图形形成之前执行，或者部分文件加载延迟。

我也试过这样修改

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

Angular 7 Highchart Node.marker 无法处理页面加载

Angular 7 Highchart Node.marker not working on page load

highcharts

angular

angular7

angular-highcharts