Y-axis labels are partially cutoff when font size is increased

[Dennis Imbro]

I would like to increase the font of the y-axis labels of a chart rendered with the following code:

            <SfChart>

                <ChartPrimaryXAxis ValueType="Syncfusion.Blazor.Charts.ValueType.Category" LabelRotation="0" >

                    <ChartAxisLabelStyle FontFamily="tahoma" Size="12"></ChartAxisLabelStyle>

                </ChartPrimaryXAxis>

                <ChartPrimaryYAxis ValueType="Syncfusion.Blazor.Charts.ValueType.Double">

                </ChartPrimaryYAxis>

                <ChartTooltipSettings Enable="true"></ChartTooltipSettings>

                <ChartSeriesCollection>

                    <ChartSeries DataSource="@winHistory" XName="sessionDate" YName="bankroll" Type="ChartSeriesType.Area" Fill="#4bab71">

                        <ChartSeriesBorder Width="2" Color="green"></ChartSeriesBorder>

                    </ChartSeries>

                </ChartSeriesCollection>

            </SfChart>

If I increase the y-axis font using "<Chart" as follows (see 6th line), the y-axis labels are cutoff;

            <SfChart>

                <ChartPrimaryXAxis ValueType="Syncfusion.Blazor.Charts.ValueType.Category" LabelRotation="0" >

                    <ChartAxisLabelStyle FontFamily="tahoma" Size="12"></ChartAxisLabelStyle>

                </ChartPrimaryXAxis>

                <ChartPrimaryYAxis ValueType="Syncfusion.Blazor.Charts.ValueType.Double">

                    <ChartAxisLabelStyle FontFamily="tahoma" Size="12"></ChartAxisLabelStyle>

                </ChartPrimaryYAxis>

                <ChartTooltipSettings Enable="true"></ChartTooltipSettings>

                <ChartSeriesCollection>

                    <ChartSeries DataSource="@winHistory" XName="sessionDate" YName="bankroll" Type="ChartSeriesType.Area" Fill="#4bab71">

                        <ChartSeriesBorder Width="2" Color="green"></ChartSeriesBorder>

                    </ChartSeries>

                </ChartSeriesCollection>

            </SfChart>



Image

Can anyone recommend a fix that will not cause the y-axis label to be cut

[Gopalakrishnan Veeraraghavan]

Hi Dennis,

We have analyzed your query. Currently, we do not have the support to achieve your requirement, but we have already logged a feature request for this support. It will be available in our volume 3 release. You can track it through our feedback portal below.

Feedback link: https://www.syncfusion.com/feedback/44063/provide-support-to-prevent-vertical-axis-labels-from-overlapping-when-increasing

Please cast your vote to make it count. We will prioritize the features of every release based on the demands.

If you have any more specification/suggestions to the feature request, you can add it as a comment in the portal.

Regards,

Gopalakrishnan Veeraraghavan

[Durga Gopalakrishnan]

Dennis,

We are glad to announce that our Essential Studio 2023 Volume 3 Main Release V23.1.36 is rolled out; we have added an improvement to prevent vertical axis labels from overlapping when increasing the font size of the Y-axis and is available for download under the following link.

Essential Studio 2023 Volume 3 Main Release v23.1.36 is available for download | Announcements Forums | Syncfusion

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/YAxisLabelOverlap_Fixed-496988824.zip

We thank you for your support and appreciate your patience in waiting for this release. Please get in touch with us if you would require any further assistance.