Basic Column Chart - CanvasJS JavaScript Charts

Basic Column Chart - CanvasJS JavaScript Charts

HTML

<script src="http://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

var charVal = "[{x:new Date(17,0,11),y:26.45},{x:new Date(17, 0, 12),y:26.49},{x:new Date(17, 0, 13),y:26.45},{x:new Date(17, 0, 16),y:26.43},{x:new Date(17, 0, 17),y:26.45},{x:new Date(17, 0, 18),y:26.42},{x:new Date(17, 0, 19),y:26.39},{x:new Date(17, 0, 20),y:26.41},{x:new Date(17, 0, 23),y:26.43}]"

	charVal =  charVal.replace (/\"/g, "")
	
	alert(charVal);
	var chart = new CanvasJS.Chart("chartContainer",
	{	
		title: {
			text: "Using formatDate inside Custom Formatter"
		},		
		
		data: [
		{
			type: "area",
			dataPoints: charVal
		}
		]                      
	});
	alert(charVal);
	chart.render();