RadzenChart Columns position issue

Radzen.Blazor Components
1

HI, i have a similar problem: Column chart - Half of first column missing
All columns are shifted to the right:

image
image1281×324 8.13 KB

And with only one series:
image
image1281×313 6.83 KB 

<div class="container">
    <div class="row">
        <div class="col-md-12 my-5">
            <RadzenChart>
                @foreach (var data in ProjectsOverviewFilteredGrouped)
                {
                    <RadzenColumnSeries Data=@data
                                        CategoryProperty="Month"
                                        ValueProperty="Amount"
                                        Title="@data.FirstOrDefault().Year.ToString()">
                        <TooltipTemplate Context="data">
                            Menge: @(data.Amount.ToString("#,##0.####") + " €" ?? "Unknown")
                        </TooltipTemplate>
                    </RadzenColumnSeries>
                }
                <RadzenColumnOptions Radius="3"/>
                <RadzenValueAxis>
                    <RadzenGridLines Visible="true"/>
                    <RadzenAxisTitle Text="€"/>
                </RadzenValueAxis>
                <RadzenCategoryAxis Step="1">
                    <RadzenTicks Stroke="green" StrokeWidth="2"></RadzenTicks>
                    <RadzenAxisTitle Text="Monat"/>
                </RadzenCategoryAxis>

            </RadzenChart>
        </div>
    </div>
    Summe: <span style="font-weight:bold">@SumChartOverall</span><span style="font-weight:bold"> €</span>
</div>
2

Columns are shifted to the right because you have two series. What are the second series values? The category '10' shows two series which is the correct display.

3

You didn't understood the problem.
On the 2nd chart columns of category 1 is cut off (see referenced post), what leads to the issue when you have 2 series where on the 1st chart column of category 1 and series 2021 is not visible. The same is with the category 12, but on this images I don't have data for category 12.

4

Oh I understand the problem very well and I explained what is causing it - missing (or 0) value for the second series. RadzenChart leaves spaces for the second series always regardless if it has data for it or not.

5

Ok, I will try one more time: why category 1 column of series 2021 is not visible, i.e. why is column cut-off?

6

This is perfectly clear and make sense.

7

Fixed by add Padding:

                <RadzenCategoryAxis Step="1" Padding="100">
                    <RadzenTicks Stroke="green" StrokeWidth="2"></RadzenTicks>
                    <RadzenAxisTitle Text="Monat"/>
                </RadzenCategoryAxis>