I am able to change format for timeAxis, tick, label to something like this “HH:mm:ss YYYY-MM-DD”.
But i would like to get these date in two rows: time portition (“HH:mm:ss”) in first row, and date portition (“YYYY-MM-DD”) in second row.
for regular label, i will use html formating " HH:mm:ss
But when i use same format for timeAxis, tick, label I still getting only one row.
is it possible to get dateTime format for timeAxis, tick, label in two rows ?
tspan and a
dy to offset the second line of text.
<text x="0" y="0">
<tspan x="0" dy="1em">Hello</tspan>
<tspan x="0" dy="1em">World</tspan>
I tried modifying
but when inspected in the browser’s HTML it showed up as
I have no idea why
I also tried various options of style for
white-space but I don’t think these would affect an SVG element.
Tip: enclose bits of code in ` backticks and blocks of code using the </> button. It will make it stand out, preserve indents and apply syntax highlighting as shown above.