Hi,
We have a scatter chart and the very first point on the grid will appear at the origin. However, this marker appears cut off, you can only see the top right 1/4th of it. My internal users that are testing this have complained about it as the existing chart we are replacing has the marker at that spot sitting on top of the origin, not cut off. Is there a way to prevent this cut off from happening? I did some searching around and didn't see anything obvious. My only thought is to add some padding to the min values so that the first value isn't in the corner, but that's not the most ideal for our users.
Kara
1 Answer, 1 is accepted
Hello, Kara,
If I correctly understand the issue is that only half of the marker is visible when it has the same value as the min value of the xAxis. If this is the case, it is expected as the marker is centered based on the value.
I
In this case, we can suggest going over the data as setting the ChartXAxisItem min prop to the lowest number - 1 to ensure that they will be visible:
https://stackblitz.com/edit/react-ft89iy?file=app/main.jsx
https://www.telerik.com/kendo-react-ui/components/charts/api/ChartXAxisItemProps/#toc-min
https://www.telerik.com/kendo-react-ui/components/charts/api/ChartXAxisItemProps/#toc-axiscrossingvalue
Regards,
Stefan
Progress Telerik
Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.