Home Forums Chart Support Using CanvasJs vertical bar chart show difference

Using CanvasJs vertical bar chart show difference

Viewing 6 posts - 1 through 6 (of 6 total)
  • #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

    @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

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