Home Forums Chart Support Set XAxis Value to start at 0

Set XAxis Value to start at 0

Viewing 6 posts - 1 through 6 (of 6 total)
  • #11292

    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

    #11295

    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.

    setting minimum value for both axis

    #11315

    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 ago by Extrabeefy.
    #16097

    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?null

    • This reply was modified 3 years, 9 months ago by vishnumohan89.
    #16098

    Line Chart Start From Y Axis Edge

    #16102

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

    setting minimum of x-axis

    ___________
    Indranil Deo
    Team CanvasJS

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.