Best way to achieve multiline text in titles (tspans)

I noticed from reading the code that title text is split into tspan elements, when an array of strings is provided. Nice! I also noticed legends have the same feature. I guess the docs should be updated for these:

https://apexcharts.com/docs/options/xaxis/ https://apexcharts.com/docs/options/title/ https://apexcharts.com/docs/options/legend/

Anyway, I was trying to achieve multiline text and wondered what would be the ideal way. Just fiddling in the browser dev tools I managed to get the tspans below each other and roughly centered with some quite awkward parameters:

<text id="SvgjsText1120" font-family="Helvetica, Arial, sans-serif" x="77.5" y="359" text-anchor="middle" dominate-baseline="central" font-size="1rem" fill="#373d3f" class="apexcharts-xaxis-title-text " style="font-family: Helvetica, Arial, sans-serif;">
    <tspan id="SvgjsTspan1121" dx="-30">Bla blabla bla blablabla bla bla.</tspan>
    <tspan id="SvgjsTspan1122" dy="24" dx="-240">Blu blublublu blu blublublub blu blubl.</tspan>
</text>

[junedchhipa]

SVG.js has built-in support for creating multiline texts with tspan. I will see how feasible it is to convert current text into a multiline by using those the newLine() method of svg.js. https://svgjs.com/docs/2.7/elements/#svg-text

[junedchhipa]

Yeah, the work is under progress. Here’s a sneak peek.

It will be finished in a couple of days.