[ Mini Kiebo ]

Server: Windows NT DESKTOP-5B8S0D4 6.2 build 9200 (Windows 8 Professional Edition) i586 Path: D:/Backup/14082024/Data/htdocs/htdocs/pmb2/assets/New folder (2)/canvasjs-master/example/ [ Home ]

File: index.html

<!DOCTYPE html>
<html>
<head>
	<title>basic example</title>
	<style>
		.chrt {
			width: 400px;
			height: 200px;
			float: left;
			margin: 8px;
			box-shadow: 3px 3px 5px rgba(0,0,0, .5);
		}
	</style>
</head>

<body>
<div id='one' class="chrt"></div>
<div id='two' class="chrt"></div>
<!--<script src="../old/canvasjs.js"></script>-->
<script src="../canvasjs.js"></script>
<script>
	(function(){

		var data = [];

		var c = new CanvasJS.Chart('one', {
			data: [{
				name: 'Base',
				type: 'splineArea',
				markerType: 'none',
				color: 'rgba(0,0,0,.9);rgba(0,0,0,.1);black',
				dataPoints: data
			}]
		});


		var c2 = new CanvasJS.Chart('two', {
			theme: 'theme3',
			backgroundColor: 'rgb(15,22,25)',
			axisY: {
				includeZero: false
			},
			data: [{
				name: 'Base',
				type: 'splineArea',
				markerType: 'none',
				color: 'rgba(255,255,255,.9);rgba(0,0,0,.5);rgb(255,255,255)',
				dataPoints: data
			}]
		});

		var last;
		setInterval(function(){

			last = last || Math.random() * 2 + 5,
			data.push({
				y: last + Math.random() * 0.5,
				x: new Date()
			});

			data.length > 100 && data.shift();

			c2.render();
			c.render();
		}, 100);


		function getGlobals(){
			var vars = [];

			var ignore = ['window','document','InstallTrigger','console','CanvasJS','navigator','getInterface','external','sidebar','top','location']

			for (var key in this){
				if (this.hasOwnProperty(key) && ignore.indexOf(key) === -1){
					vars.push(key);
				}
			}
			return vars;
		}

		var globals = getGlobals();

		console.log(globals, globals.length);

	}).call(this);
</script>
</body>
</html>