Set XAxis Value to start at 0

[Extrabeefy]

Hey All,

I was wondering if there is a way to set the XAxis and Y Axis to start at 0. Currently they both start at whatever there lowest value is in the dataPoints be that 0, 0.2, 0.5.

Thanks for the help!
-Extrabeefy

[Vishwas R]

Extrabeefy,

To start both axis at 0 you can set axisX minimum and axisY minimum to 0 as shown in the code snippet below –

axisX: {
   minimum: 0
 },
 axisY: {
   minimum: 0
 },

Also, kindly take a look at this JSFiddle for a complete working code.

[Extrabeefy]

Ah ok thank you from the example I figured it meant if I didn’t have a value of 0 then it would show 0.2. Thank you!

• This reply was modified 5 years, 4 months ago by Extrabeefy.

[vishnumohan89]

Hi,

I have a problem. I need to show a line chart which will always start from the yaxis line edge. That means, i cannot set x: 0, because that will move the data point a little right from the y axis line. A sample is shown in the image. Is there any way i can do this?

• This reply was modified 4 years ago by vishnumohan89.

[vishnumohan89]

[Indranil]

@vishnumohan89,

To design a line chart that always starts from y-axis line you can set the minimum of axisX to the x-value of the first dataPoint. Please check the below code snippet –

function setAxisXMinimum(){
   chart.axisX[0].set("minimum", chart.options.data[0].dataPoints[0].x);
}

Also, kindly take a look at this JSFiddle for complete working code.

___________
Indranil Deo
Team CanvasJS