FORUMS

Select any forum below to ask question

Home › Forums › Report Bugs › the axis date is wrong

the axis date is wrong

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

Tagged: 

  • November 28, 2016 at 1:01 pm #13511

    cntigercn

    the following code show that the xaxis date is one more than the real date;

    <!DOCTYPE HTML>
    <html>
    <head>
    <script type=”text/javascript”>
    window.onload = function () {
    var chart = new CanvasJS.Chart(“chartContainer”,
    {
    title: {
    text: “Date Time Formatting”
    },
    axisX:{
    valueFormatString: “YY-MM-DD”,
    labelAngle: -50
    },
    axisY: {
    valueFormatString: “#,###”
    },

    data: [
    {
    type: “area”,
    color: “rgba(0,75,141,0.7)”,
    dataPoints: [

    { x: new Date(2016, 05, 13), y: 0},
    { x: new Date(2016, 05, 17), y: 20 },
    { x: new Date(2016, 05, 29), y: 30 },
    { x: new Date(2016, 06, 2), y: 10},
    { x: new Date(2016, 06, 6), y: 21},
    { x: new Date(2016, 06, 14), y: 50} ,
    { x: new Date(2016, 06, 22), y: 75},
    { x: new Date(2016, 06, 30), y: 10},
    { x: new Date(2016, 07, 4), y: 12},
    { x: new Date(2016, 07, 8), y: 15},
    { x: new Date(2016, 07, 16), y: 17},
    { x: new Date(2016, 08, 5), y: 20},
    { x: new Date(2016, 08, 9), y: 22},
    { x: new Date(2016, 08, 17), y: 25},
    { x: new Date(2016, 08, 21), y: 27},
    { x: new Date(2016, 08, 25), y: 30} ,
    { x: new Date(2016, 9, 2), y: 30} ,
    { x: new Date(2016, 09, 6), y: 30} ,
    { x: new Date(2016, 9, 10), y: 30} ,
    { x: new Date(2016, 09, 18), y: 30} ,
    { x: new Date(2016, 09, 22), y: 30} ,
    { x: new Date(2016, 10, 4), y: 30} ,
    { x: new Date(2016, 10, 12), y: 30} ,
    { x: new Date(2016, 10, 20), y: 30} ,
    { x: new Date(2016, 10, 24), y: 30} ,
    ]
    }

    ]
    });

    chart.render();
    }
    </script>
    <script type=”text/javascript” src=”https://cdn.canvasjs.com/canvasjs.min.js”></script&gt;
    </head>
    <body>
    <div id=”chartContainer” style=”height: 300px; width: 100%;”>
    </div>
    </body>
    </html>

    November 29, 2016 at 3:44 pm #13519

    Bivek Singh

    cntigercn,

    In JavaScript, Months are indexed from 0 to 11. Please refer this post.

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

Tagged: 

You must be logged in to reply to this topic.