Scatter Chart Markers Cut Off

2 posts, 0 answers
  1. Kara
    Kara avatar
    16 posts
    Member since:
    Oct 2019

    Posted 26 Aug 2020 Link to this post

    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

  2. Stefan
    Admin
    Stefan avatar
    3034 posts

    Posted 27 Aug 2020 Link to this post

    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/.

Back to Top