2 issues
Data item’s 0 value alignment (tested with MS Edge)
Axis value formatting
@using System.Globalization
<RadzenChart Style="height: 300px; background-color: white;">
<RadzenColumnSeries Data="@chartData"
CategoryProperty="Month"
Title="o"
ValueProperty="Value1"
Fills=@(new [] {"#EAB839"})>
<RadzenSeriesDataLabels Visible="true" />
</RadzenColumnSeries>
<RadzenColumnSeries Data="@chartData"
CategoryProperty="Month"
Title="t"
ValueProperty="Value2"
Fills=@(new [] {"#73BF69"})>
<RadzenSeriesDataLabels Visible="true" />
</RadzenColumnSeries>
<!-- X-Axis Styling -->
<RadzenCategoryAxis Padding="20" StrokeWidth="1" />
<!-- Y-Axis Styling (Grid lines) -->
<RadzenValueAxis Min="0" Max="1" Step="0.2">
<RadzenGridLines Visible="true" Stroke="#f0f0f0" StrokeDashArray="0" />
</RadzenValueAxis>
<RadzenColumnOptions Radius="0" Margin="10" />
<RadzenLegend Position="LegendPosition.Bottom" Alignment="AlignItems.Start" />
</RadzenChart>
@code {
class DataItem {
public string Month { get; set; }
public decimal Value1 { get; set; }
public decimal Value2 { get; set; }
}
DataItem[] chartData = new DataItem[] {
new DataItem { Month = "2026-01", Value1 = 1, Value2 = 0 },
new DataItem { Month = "2026-02", Value1 = 1, Value2 = 0 },
new DataItem { Month = "2026-03", Value1 = 1, Value2 = 1 },
};
}