XY Chart: enhancement: support /n, <br>, or automatic wrapping in X labels

[JPHutchins]

Description

Sometimes, chart labels may look better when spanning multiple lines. It would be nice to support /n, <br>, or maybe wrap automatically instead of running into the next label.

Steps to reproduce

1. Add long labels to an XY Chart
2. Try \n, <br>, &#10;, &#13;, etc. to break a long label to a newline

Screenshots

---
config:
    xyChart:
        xAxis:
            labelFontSize: 12
---
xychart-beta 
    title "Zephyr Benchmark"
    x-axis "Platform" ["Ubuntu 24.04 6.8", "WSL2 Ubuntu 24.04 5.15", "WSL2 Ubuntu 24.04 6.1", "macOS Sonoma*", "Windows 11", "VMWare (no AMD-V) Ubuntu Server 24.04 6.8" ]
    y-axis "Duration in seconds (lower is better)" 0 --> 1680
    bar [664.44, 754.642, 723.323, 741.547, 1393.901, 1655.560]

Loading

Code Sample

---
config:
    xyChart:
        xAxis:
            labelFontSize: 12
---
xychart-beta 
    title "Zephyr Benchmark"
    x-axis "Platform" ["Ubuntu 24.04 6.8", "WSL2 Ubuntu 24.04 5.15", "WSL2 Ubuntu 24.04 6.1", "macOS Sonoma*", "Windows 11", "VMWare (no AMD-V) Ubuntu Server 24.04 6.8" ]
    y-axis "Duration in seconds (lower is better)" 0 --> 1680
    bar [664.44, 754.642, 723.323, 741.547, 1393.901, 1655.560]

Setup

• Mermaid version: 10.9.1

Suggested Solutions

No response

Additional Context

Mermaid rocks!

[peter-yanase]

As a temporary solution: you can render it correctly horizontally.

---
config:
    xyChart:
        xAxis:
            labelFontSize: 12
---
xychart-beta horizontal
    title "Zephyr Benchmark"
    x-axis "Platform" ["Ubuntu 24.04 6.8", "WSL2 Ubuntu 24.04 5.15", "WSL2 Ubuntu 24.04 6.1", "macOS Sonoma*", "Windows 11", "VMWare (no AMD-V) Ubuntu Server 24.04 6.8" ]
    y-axis "Duration in seconds (lower is better)" 0 --> 1680
    bar [664.44, 754.642, 723.323, 741.547, 1393.901, 1655.560]

Loading

[PatLittle]

Wondering if a parameter to rotate the axis labels could also be considered as part of the feature? For example vega-lite has the labelAngle param.