Basic Column Chart - CanvasJS

Basic Column Chart

HTML

<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
<br/><!-- Just so that JSFiddle's Result label doesn't overlap the Chart -->
<div id="chartContainer" style="height: 360px; width: 100%;"></div>

JavaScript

window.onload = function () {

var chart = new CanvasJS.Chart("chartContainer", {
	animationEnabled: true,
	theme: "light2",
	title:{
		text: "Last 100 Balance Reporting"
	},
	axisY:{
	minimum: 34.5,
    maximum: 41,
    interval: 0.5,
  },
	data: [{        
		type: "line",
      	indexLabelFontSize: 16,
		color: "#F08080",
		dataPoints: [
			{ y: 35.427},{ y: 35.447},{ y: 35.467},{ y: 35.487},{ y: 35.507},{ y: 35.527},{ y: 35.547},{ y: 35.567},{ y: 35.587},{ y: 35.627},{ y: 35.647},{ y: 35.667},{ y: 35.687},{ y: 35.707},{ y: 35.727},{ y: 35.747},{ y: 35.772},{ y: 35.802},{ y: 35.322},{ y: 35.342},{ y: 35.402},{ y: 35.362},{ y: 35.382},{ y: 35.422},{ y: 35.462},{ y: 35.442},{ y: 35.482},{ y: 35.542},{ y: 35.562},{ y: 35.582},{ y: 35.602},{ y: 35.502},{ y: 35.642},{ y: 35.662},{ y: 35.682},{ y: 35.702},{ y: 35.722},{ y: 35.742},{ y: 35.802},{ y: 35.762},{ y: 35.842},{ y: 35.862},{ y: 35.902},{ y: 35.982},{ y: 36.042},{ y: 36.062},{ y: 36.022},{ y: 36.102},{ y: 36.122},{ y: 36.182},{ y: 36.202},{ y: 36.222},{ y: 36.242},{ y: 36.262},{ y: 36.282},{ y: 36.302},{ y: 36.322},{ y: 36.342},{ y: 36.362},{ y: 36.382},{ y: 36.402},{ y: 36.422},{ y: 36.442},{ y: 36.462},{ y: 36.482},{ y: 36.502},{ y: 36.522},{ y: 36.542},{ y: 36.562},{ y: 36.582},{ y: 36.602},{ y: 36.622},{ y: 36.642},{ y: 36.662},{ y: 36.682},{ y: 36.702},{ y: 36.722},{ y: 36.742},{ y: 36.762},{ y: 36.782},{ y: 36.802},{ y: 36.822},{ y: 36.842},{ y: 36.862},{ y: 36.882},{ y: 39.447},{ y: 39.567},{ y: 39.487},{ y: 39.527},{ y: 39.627},{ y: 39.707},{ y: 39.747},{ y: 141.003},{ y: 141.103}
		]
	}]
});
chart.render();

}