As shown in the figure, when I use the Chart component, due to the large content of the label, some text on the top is blocked, but there is still a lot of space at the bottom, I wonder if there is any way to make it better displayed
1 Answer, 1 is accepted
Hi, Steve,
A possible approach would be to set a marginTop to the Chart in order to push it down. This can be achieved by using the style prop and passing the desired value for the top margin.
Here is an example that showcases this approach here:
https://stackblitz.com/edit/react-xo8dfq?file=app%2Fmain.jsx
I hope this helps.
Regards,
Filip
Progress Telerik
Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.
Rank 1
Iron
Iron
Hi Philip,
Thank you for your comment. But can't seem to fix it. Label content will be blocked when there are multiple lines or a lot of text.
S54pe2 (forked) - StackBlitz
Thanks,
Steve
Hello, Steve,
Thank you for the provided example.
I can recommend using the autoFit prop as it will scale down to fit the content area.
I updated the example here in order to showcase this approach:
https://stackblitz.com/edit/react-xo8dfq-vbha5d?file=app/main.jsx
Regards,
Filip