Highcharts сюжет с меткой слева от линии

Question

Я хочу выровнять метку Highcharts PlotLine по линии (не сверху и не снизу). Возможно ли это?

Спасибо!

Answer 1

Я думаю, что самый простой способ добиться этого - визуализировать plotLine и добавить на него собственную метку, чтобы покрыть часть строки.

Демонстрация: https://jsfiddle.net/BlackLabel/b50k6hov/

Код:

  chart: {
    events: {
      render() {
        let chart = this,
          plotLineCor = chart.yAxis[0].plotLinesAndBands[0].svgElem.d.split(' '),
          x = plotLineCor[1],
          y = plotLineCor[2];

        if (!chart.label) {
          // render label in init position
          chart.label = chart.renderer.label('TEXT', 0, 0)
            .css({
              color: 'red'
            })
            .attr({
              fill: 'white',
              padding: 12,
              zIndex: 6
            })
            .add();
        }

        // translate label after reach resize
        chart.label.translate(x, y - chart.label.getBBox().height / 2)
      }
    }
  },

API: https://api.highcharts.com/class-reference/Highcharts.SVGRenderer#label

API: https://api.highcharts.com/highcharts/chart.events.render