RadzenBarSeries with curved radius shows incorrectly when category is zero

We are using RadzenBlazor v4.1.14 and creating a chart with curved radius like this:

The code to create the chart is like this:

    <RadzenBarSeries Data="@data.Breakdowns" CategoryProperty="Bucket" ValueProperty="Total" Fills=@(new[] { "#FCAF68", "#EE5253", "#b01213" })>
    <RadzenBarOptions Radius="5" Height="12" />
    <RadzenLegend Visible="false" />

If we upgrade past version v4.1.14 the chart looks like this when data in the categories are zero (it shows the corners of the bars below the axis):

We have not changed the code at all.

In a browser we see that this is the path that creates the broken bar:

path d="M 0 18 L -5 18 A 5 5 0 0 1 0 23 L 0 25 A 5 5 0 0 1 -5 30 L 0 30 Z" style="fill: #FCAF68;stroke-width: 0;clip-path: url(#clipPathA0PRXVvAtk) -webkit-clip-path: url(#clipPathA0PRXVvAtk)"

The above code appears to be missing a semi-colon after

clip-path: url(#clipPathA0PRXVvAtk)

We believe the correct code would be:

clip-path: url(#clipPathA0PRXVvAtk); -webkit-clip-path: url(#clipPathA0PRXVvAtk)"

We can change this in a browser, and it appears to fix the issue, but how do we fix it properly?

Hi @Lindsay,

Indeed there is a ; missing there. We will fix it with the next release of Radzen.Blazor.

1 Like

Brilliant, thank you. And thanks for the really fast response!