Chart.js/samples/bar.html

<!doctype html>
<html>
	<head>
		<title>Bar Chart</title>
		<script src="../Chart.js"></script>
	</head>
	<body>
		<div style="width: 50%">
			<canvas id="canvas" height="450" width="600"></canvas>
		</div>


	<script>
	var randomScalingFactor = function(){ return Math.round(Math.random()*100)};

	var barChartData = {
		labels : ["January","February","March","April","May","June","July"],
		datasets : [
			{
				fillColor : "rgba(220,220,220,0.5)",
				strokeColor : "rgba(220,220,220,0.8)",
				highlightFill: "rgba(220,220,220,0.75)",
				highlightStroke: "rgba(220,220,220,1)",
				data : [randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor()]
			},
			{
				fillColor : "rgba(151,187,205,0.5)",
				strokeColor : "rgba(151,187,205,0.8)",
				highlightFill : "rgba(151,187,205,0.75)",
				highlightStroke : "rgba(151,187,205,1)",
				data : [randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor()]
			}
		]

	}
	window.onload = function(){
		var ctx = document.getElementById("canvas").getContext("2d");
		window.myBar = new Chart(ctx).Bar(barChartData, {
			responsive : true
		});
	}

	</script>
	</body>
</html>
First commit. Version 0.1 Examples of the six charts that can be created, and the Chart.js library. 2013-03-18 00:57:50 +01:00			`<!doctype html>`
			`<html>`
			`<head>`
			`<title>Bar Chart</title>`
Cleared up folder structure 2013-03-25 20:25:57 +01:00			`<script src="../Chart.js"></script>`
First commit. Version 0.1 Examples of the six charts that can be created, and the Chart.js library. 2013-03-18 00:57:50 +01:00			`</head>`
			`<body>`
Add in new chart samples 2014-06-29 19:36:04 +02:00			`<div style="width: 50%">`
			`<canvas id="canvas" height="450" width="600"></canvas>`
			`</div>`
First commit. Version 0.1 Examples of the six charts that can be created, and the Chart.js library. 2013-03-18 00:57:50 +01:00

			`<script>`
Add in new chart samples 2014-06-29 19:36:04 +02:00			`var randomScalingFactor = function(){ return Math.round(Math.random()*100)};`

			`var barChartData = {`
			`labels : ["January","February","March","April","May","June","July"],`
			`datasets : [`
			`{`
			`fillColor : "rgba(220,220,220,0.5)",`
			`strokeColor : "rgba(220,220,220,0.8)",`
			`highlightFill: "rgba(220,220,220,0.75)",`
			`highlightStroke: "rgba(220,220,220,1)",`
			`data : [randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor()]`
			`},`
			`{`
			`fillColor : "rgba(151,187,205,0.5)",`
			`strokeColor : "rgba(151,187,205,0.8)",`
			`highlightFill : "rgba(151,187,205,0.75)",`
			`highlightStroke : "rgba(151,187,205,1)",`
			`data : [randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor()]`
			`}`
			`]`
First commit. Version 0.1 Examples of the six charts that can be created, and the Chart.js library. 2013-03-18 00:57:50 +01:00
Add in new chart samples 2014-06-29 19:36:04 +02:00			`}`
			`window.onload = function(){`
			`var ctx = document.getElementById("canvas").getContext("2d");`
			`window.myBar = new Chart(ctx).Bar(barChartData, {`
			`responsive : true`
			`});`
			`}`
First commit. Version 0.1 Examples of the six charts that can be created, and the Chart.js library. 2013-03-18 00:57:50 +01:00
			`</script>`
			`</body>`
			`</html>`