score:1

It is possible to move label depending on it's rows count
Add render function to the chart object

{
  "chart": {
    ...
    events: {
      render() {
        for (let i = 0; i < this.xAxis[0].names.length; i++) {
          const label = this.xAxis[0].ticks[i].label;
          const rows = (label.element.innerHTML.match(/<\/tspan>/g) || []).length;
          label.translate(-8 * rows, 0);
        }
      }
    }

where 8 is half of row size in px

https://jsfiddle.net/kLz1uoga/5/


Related Articles