Заголовок графика по центру относительно фона графика

Question

Я бы хотел центрировать заголовок диаграммы ap ie относительно фона графика (не элемента, содержащего диаграмму), чтобы при наличии легенды рядом с символом заголовок по-прежнему центрировался относительно p ie.

Использование

    title: {
        text: 'Title',
        align: 'center'
    }

центрирует заголовок относительно содержащего элемента. См. эту скрипку для полного примера.

Возможно ли это как-нибудь?

Answer 1

Вы можете разместить заголовок в событии render, например:

chart: {
  ...,
  events: {
    render: function() {
      var seriesGroupBBox = this.seriesGroup.getBBox();

      this.title.attr({
        x: seriesGroupBBox.x + seriesGroupBBox.width / 2 - this.title.getBBox().width / 2
      });
    }
  }
}

---

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

Справочник по API: https://api.highcharts.com/highcharts/chart.events.render