XY Chart: Setting with in percent not respected, failure not even catched

[cmahnke]

Description

Using SVG / a dynamic method to generate Diagrams via JS should be beneficial compared to using images. This implies that a relative width (specifying width in percent) should not only work, but should be the default.

Currently it's nor even tested for the percentage sign, but passed into the calculation which in turn fails several levels (JS, see console) and then SVG by passing NaN...

Steps to reproduce

This is the data:

config:
xyChart:
width: 100%
height: 600
chartOrientation: 'horizontal'
themeVariables:
xyChart:
titleColor: "#ff0000"

Screenshots

Code Sample

No response

Setup

• Mermaid version:
• Browser and Version: [Chrome, Edge, Firefox]

Suggested Solutions

No response

Additional Context

No response