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>
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.
Have you tried using a non-breaking hyphen?
Let me know if that works,
Thank you. That worked.