FORUMS

Select any forum below to ask question

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)

Tagged: 

  • August 12, 2017 at 10:41 pm #15810

    saravanan.srinivasan

    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://cdn.canvasjs.com/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>
    August 14, 2017 at 11:07 am #15814

    saravanan.srinivasan

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

    August 14, 2017 at 3:17 pm #15817

    Indranil

    @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

    August 14, 2017 at 3:25 pm #15818

    saravanan.srinivasan

    Thanks a lot for your support

    August 14, 2017 at 3:52 pm #15819

    saravanan.srinivasan

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

    August 16, 2017 at 9:48 am #15826

    Indranil

    @saravanan-srinivasan,

    Sorry, this feature is not available as of now.

    ___________
    Indranil Deo,
    Team CanvasJS

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

Tagged: 

You must be logged in to reply to this topic.