Round corners XY Chart

Is there a way to round the corners of the background of an XY Chart in perspective? I know i can add a property to the actual bars i have on my XY Chart to round the tops but cant figure out how to actually round all four corners of the entire XY Chart.

Under the background prop, set the render to "color" and the opacity to to 0.
Then in the style configurator, type in the borer-radii that you want.

The background of the chart is an SVG rectangle that you can modify in the background prop, and it overlays the actual background of the component. So you have to make it invisible to reveal the background that responds to CSS.

1 Like