RadialBar Size issue

[jicihome]

Hi!
I'm trying to understand Radial bar "size" property.
If I set a number (integer) the chart is render and a kind of calculation happen with the heigth. A little bit like if we set undefined, but the result is different. But it's hard to dynamically set it because we don't know how this is calculated and we cannot replicated the calculation to get what we need.
If I enter "100%", the middle of the chart is rendered but no bar. Same for "100px" for example.
I think that "100%" should work but it doesn't seem to work.
So actually, the size parameters is impossible to use in radial bar (except if you have a specific height that never change, this is possible to find the size integer to use).

[junedchhipa]

Yes, the size property was intended to provide a fixed size to the radial-bars, but it seems they cause more issues in the positions.
The correct way to control the size of any chart type would be to set the chart.height and chart.width properties.
Then to control the size of specific elements of radial bars, setting radialBar.hollow.margin or radialBar.hollow.size would help.

[jicihome]

@junedchhipa I think I understand what you mean. And I think I didn't explain well enough.
Is this normal that in this example: https://sandboxjc.bubbleapps.io/version-test/radial there's a lot of free space (margin) all around the chart? I would think that if no title and legend are shown, this should be centered and use 100% width. I tested with your codepen example, and this seem fine. So not sure what is causing this issue. I will continue to test and will send all settings later. Thanks

[jicihome]

After playing a bit more with the demo, it's seem that this is the normal behavior actually. The chart seem to use a specific width and height and keep space for title, legend and anything else around the chart (addtext for example) instead of adjusting automatically to available space. Is this expected behavior?