Home forums Using CanvasJS Using CanvasJs vertical bar chart show difference

Tagged: 

This topic contains 5 replies, has 2 voices, and was last updated by  Indranil Deo 4 months ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #15810

    Hello, Good day!, Consider below example. { label: “Difference Jan 2016-17″, y: 500 } should show from 1000 to 1500. Can you please let me know how to do that. Thanks. Saran

    <!DOCTYPE HTML>
    <html>
    <head>
    <script src=”https://canvasjs.com/assets/script/canvasjs.min.js”></script>
    <script type=”text/javascript”>

    window.onload = function () {
    var chart = new CanvasJS.Chart(“chartContainer”, {
    title:{
    text: “Sales Comparision”
    },
    data: [
    {

    type: “column”,
    dataPoints: [
    { label: “January 2016”, y: 1000 },
    { label: “January 2017”, y: 1500 },
    { label: “Difference Jan 2016-17″, y: 500 }

    ]
    }
    ]
    });
    chart.render();
    }
    </script>
    </head>
    <body>
    <div id=”chartContainer” style=”height: 300px; width: 100%;”></div>
    </body>
    </html>

    #15814

    It would be great, if some one give me a solution by today. Thanks

    #15817

    Indranil Deo
    Member

    @saravanan.srinivasan

    Range Column chart can be used to show the difference between the two successive dataPoints.

    Please take a look at this example.

    ____________
    Indranil Deo,
    Team CanvasJS

    #15818

    Thanks a lot for your support

    #15819

    Hello, one more query. Do we have options for index label border.

    #15826

    Indranil Deo
    Member

    @saravanan-srinivasan,

    Sorry, this feature is not available as of now.

    ___________
    Indranil Deo,
    Team CanvasJS

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

You must be logged in to reply to this topic.