Получить максимум оси X в старших чартах с помощью реакции

Question

Я пытаюсь получить максимальное значение оси x и установить аннотацию только в конце:

y: chart.xAxis[0].max-1

Каков правильный синтаксис, чтобы заставить его работать в реакции??Смотрите живое демо здесь .

Answer 1

Нельзя использовать значения из диаграммы в опциях.Вы должны добавлять свои аннотации динамически в методе addAnnotation:

  chart: {
    events: {
      load: function(){
        const chart = this;

        chart.addAnnotation({
            labels: [
              {
                point: {
                  x: 3,
                  y: chart.xAxis[0].max - 1,
                  xAxis: 0,
                  yAxis: 0
                },
                text: "x: {x}<br/>y: {y}"
              },
              {
                point: {
                  x: 0,
                  y: 0
                },
                text: "x: {point.plotX} px<br/>y: {point.plotY} px"
              },
              {
                point: {
                  x: 5,
                  y: 100,
                  xAxis: 0
                },
                text: "x: {x}<br/>y: {point.plotY} px"
              }
            ],
            labelOptions: {
              x: 40,
              y: -10
            }
         })
       }
     }
   }

Демо: https://codesandbox.io/s/537kz8xwyx