Dear Syncfusion,
I've created a chart in a container. I am trying to make the chart itself bigger and that the labels are multiline.
I've created in the picture above what I mean. The Red is the size of the chart and the Yellow is the label across multiple lines underneath the column.
I was not able to find a way to make the chart itself bigger without trimming (no multiline) the labels or making the container even bigger.
With kind regards,
Bossink
Hi Bossink,
Greetings from Syncfusion.
We can trim the axis labels by setting the EnableTrim property as true and MaximumLabelWidth for the labels. And also you can use Line break by using the <br> tag in the x property of the dataSource value. You can also use the LabelIntersectAction property in ChartPrimaryXAxis to achieve your requirement. However, we have created a simple blazor application to demonstrate the same. Please find the below sample link and UG link for your reference.
Sample link: https://www.syncfusion.com/downloads/support/directtrac/general/ze/ChartLabel-113882411
UG link: https://blazor.syncfusion.com/documentation/chart/axis-labels#smart-axis-labels
Kindly, revert us if you have any concerns.
Regards,
Swetha
Dear Syncfusion,
This is not what I really mean.
In the picture above is kinda what I want. The labels are wrapped on multiple lines but only when horizontally resized.
I think the wrapping is responding to the horizontal space while the label is rotated 90 degrees. We want that this is wrapping based on the vertical space. Which is maybe more logical so the chart itself doesn't change size. So maybe a function of MaximumLabelHeight when rotated 90 degrees?
With kind regard,
Bossink
Hi Bossink,
Greetings from Syncfusion.
We have considered the reported scenario as a bug and logged a defect report for the same. The fix for the reported scenario will be included in our upcoming weekly patch release which is expected to be rolled out on 24th May, 2022. Please find the below feedback link to keep track of the reported scenario.
Feedback link: https://www.syncfusion.com/feedback/34893
If you have any more specification/precise replication procedure or a scenario to be tested, you can add it as a comment in the portal.
Regards,
Swetha
Hi Bossink,
We are glad to announce that our v20.1.0.57 patch release is rolled out; we have added the fix for reported issue. You can use the latest Syncfusion.Blazor.Charts NuGet package.
NuGet Package : https://www.nuget.org/packages/Syncfusion.Blazor.Charts/
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.
Regards,
Durga Gopalakrishnan.