Resizing problems when legend span multiple lines

[bilogic]

I think there are resizing problems when the legend takes up more than 1 line. There are supposed to be tick markers with text at the red box, but they have been truncated. This my HTML, I removed height and expected jscharting to resize itself.

<div style="width:50%">
    <h2>Title</h2>
    <div id="chartDiv" style="margin: 0px auto">
    </div>
</div>

My chart was based off https://jscharting.com/examples/chart-types/linear-gauge/horizontal-sleep-gantt/