scatter line add space before `0` on the y-axis and x-axis

3 posts, 0 answers
  1. Aakash
    Aakash avatar
    6 posts
    Member since:
    Sep 2020

    Posted 11 Sep Link to this post

    I am using a kendo chart to display a scatter plot. Most of the data lie at zero levels and that gets almost hidden in the x-axis line.
    Is there an option to make more space before the 0 on the y-axis and x-axis? i.e if there is an option to make the 0 start from a little bit up on the y-axis and a little bit right on the x-axis?

    Like see in the figure 1.

     

  2. Aakash
    Aakash avatar
    6 posts
    Member since:
    Sep 2020

    Posted 11 Sep Link to this post

    But in my case the marker are getting almost hidden inside the axis line in x.

    I have presented my issue in this demo.

    I have tried by setting up:  but that doesn't seems to work because the marker and line are still overlapping. There could be more elegant way to solve this issue. Hoping to get reply from you.

    panes: [{
         clip: false
    }],
  3. Nikolay
    Admin
    Nikolay  avatar
    222 posts

    Posted 15 Sep Link to this post

    Hello Aakash,

    Setting the panes.clip to false is a good approach. However, if you would like to move the series up the xAxys I could suggest setting the yAxis.min to a smaller number and the xAxis.line.width to 0:

    xAxis: {
                max: 1000,
                line: {
                  width: 0
                },
                crosshair: {
                  visible: true,
                }
              },
              yAxis: {
                min: -20,
                max: 500,
                axisCrossingValue: -5,
              }

    Fere to the following link for the updated Dojo demo:

    Let me know if you have any questions.

    Regards,
    Nikolay
    Progress Telerik

    Five days of Blazor, Angular, React, and Xamarin experts live-coding on twitch.tv/CodeItLive , special prizes and more, for FREE?! Register now for DevReach 2.0(20).

Back to Top