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 Query

More Query from same tag