Chart ValoLightTheme title wrapping

Flow
1

Is there anyway to modify chart title wrapping behavior?

The title for a gauge is getting wrapped even though there is no reason.

The algorithm that is being used is wrapping on hyphens in a name. “Rad-induced Cancer” is becoming “Rad-” “induced” “Cancer”

The following is a snippet from the actual generated SVG (The containing panel is 160px wide)

<text x="80" text-anchor="middle" class="highcharts-title" zIndex="4"
     style="color:#000000;font-size:16px;font-weight:bold;top:0px;position:absolute;fill:#000000;width:96px;"
     y="22">
    <tspan>Rad-</tspan>
    <tspan dy="19" x="80">induced</tspan>
    <tspan dy="19" x="80">Cancer</tspan>
    <title>Rad-induced Cancer</title>
</text>


Notes:

a. ValoLightTheme has been overridden, and the title font size has been changed from 26px to 16px.
b. In Chrome, I can bring up developer tools and combine Rad-induced tspan lines. Everything fits with a great deal of room on the right and left side
c. Attached is the manually modified image from chrome.

Thanks,
Malcolm

22216.png

2

Hi Malcom,

Have you tried using a non-breaking hyphen?

http://graphemica.com/‑

Let me know if that works,

Regards,

Guillermo

3

Hello Guillermo,

Thank you. That worked.

  • Malcolm