This is a migrated thread and some comments may be shown as answers.

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

2 Answers 253 Views
Charts
This is a migrated thread and some comments may be shown as answers.
Aakash
Top achievements
Rank 1
Aakash asked on 12 Sep 2020, 02:46 AM

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 Answers, 1 is accepted

Sort by
0
Aakash
Top achievements
Rank 1
answered on 12 Sep 2020, 02:56 AM

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
}],
0
Nikolay
Telerik team
answered on 15 Sep 2020, 11:26 AM

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

Tags
Charts
Asked by
Aakash
Top achievements
Rank 1
Answers by
Aakash
Top achievements
Rank 1
Nikolay
Telerik team
Share this question
or