Добавить сюжетные полосы Angular Highcharts

Question

Какой способ программно добавить массив plotbands к графику маркеров старшего маркера?

У меня есть этот bullet graph stackblitz

Я уже пытаюсь добавить графы в определении безуспешный график и добавьте метод onInit () с тем же неуспешным результатом.

export class AppComponent {
bulletGraph = new Chart({
    chart: {
      inverted: true,
      marginLeft: 135,
      type: "bullet"
    },
    title: {
      text: null
    },
    legend: {
      enabled: false
    },
    yAxis: {    
      plotBands: [{
            from: 0,
            to: 1.02,
            color: '#ED2939'
        }],  
      labels: {
        format: "{value}"
      },
      title: null
    },
    xAxis: {
      categories: ['<span class="hc-cat-title">Yout Title</span>']
    },
    plotOptions: {
      series: {
        pointPadding: 0.25,
        borderWidth: 0,
        color: "#000",
        targetOptions: {
          width: "50"
        }
      }
    },
    credits: {
      enabled: false
    },
    exporting: {
      enabled: false
    },
    series: [
      {
        data: [
          {
            y: 0.963,
            target: 0.963
          }
        ]
      }
    ],

    tooltip: {
      pointFormat: "<b>{point.y}</b> (with target at {point.target})"
    }
  });
ngOnInit() {
    this.bulletGraph.yAxis[0].update({plotBands:[{from: 0, to: 1.02, color: '#ED2939'}]});
  }
}