Important Notice - Forums is archived
To simplify things and help our users to be more productive, we have archived the current forum and focus our efforts on helping developers on Stack Overflow. You can post new questions on Stack Overflow or join our Discord channel.

Vaadin lets you build secure, UX-first PWAs entirely in Java.
Free ebook & tutorial.
Chart ValoLightTheme title wrapping
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
Hi Malcom,
Have you tried using a non-breaking hyphen?
http://graphemica.com/%E2%80%91
Let me know if that works,
Regards,
Guillermo