[BUG] - VueUiHorizontalBarConfig - Responsive option not behaving the same as its donutconfig- counterpart

[lversteegen1]

Describe the bug
When using the donut (pie)chart, with the config props autoSize: true, responsive: true,, the behaviour works nicely, and as expected. However when implementing these options on the VueUiVerticalBarEvent, the behaviour differs / isn't working (correctly), I suspect.

To Reproduce
Steps to reproduce the behavior:

1. Implement both components with the config props autoSize: true, responsive: true.
2. Change the parent container size, in my usecase a dashboard widget.
3. See the difference between the Donut behaviour and Bar

Expected behavior
That the Bar chart would not outscale its parent container, like the donut chart.

Screenshots

Vue Data UI version (please complete the following information):

"vue-data-ui": "3.7.0"

[lversteegen1]

Confirmed on V3.7.2 too.

When changing the legend to bottom, it looks as follows:

[graphieros]

@lversteegen1

I'll be working on improvements, the component requires a full rewrite of the internal sizing logic.
I'll keep you informed when it is done.

[graphieros]

@lversteegen1

Fixed in 3.7.5
Responsive mode is now reliable.