Remove space around RadzenChart

Radzen.Blazor Components
1

Hi, how do I remove the space with the red lines?

How do I remove this
How do I remove this1456×259 86.7 KB


<RadzenChart SeriesClick=@SeriesClick Style="height:100%; background-color:yellow;">

    <RadzenStackedColumnSeries Data=@MChart_Datasets[0].Items CategoryProperty="LabelValue" LineType="LineType.Solid" ValueProperty="DataValue" />

    <RadzenCategoryAxis Visible="false" />

    <RadzenValueAxis Min=@_MinValue Step=@_StepValue Max=@_MaxValue>
        <RadzenGridLines Visible="true" LineType="LineType.Dotted" />
    </RadzenValueAxis>

    <RadzenLegend Visible="false" />

</RadzenChart>
2

Hi @NymoBasePro,

You can't remove that space.

3

Hi @korchev thanks for your reply.
In the repository I've seen these default values are hardcoded (or so I thought).
Do you know if there are any plans to adjust that?

4

Not sure what values you are referring to. Why do you want to remove this space?

5

In RadzenChart.razor.cs

        MarginTop = MarginRight = 32;
        MarginLeft = valueAxisSize;
        MarginBottom = Math.Max(32, categoryAxisSize);

it seems that 32 is hard-coded to be the smallest default size.

The reason is that I want to use two charts under or above eachother:

2graphs
2graphs1507×320 11.3 KB

I would prefer the white in between the two to be gone or limited

6

You can probably move the bottom chart up with negative top margin.

1 Like
7

That's actually a really nice suggestion! Thank you