KitBox - A Robust Toolkit for Data Presentation and Visualization

Chaining Graphs - Description

Live Example

Initialization Code

			<script>
			
				$("#kitbox").kitbox({
					kitboxType: "kitboxSeries",
					dataType: "json",
					data: {level: "month"},
					url: "/pages/series/chaining_graphs.php",
					header: {text: "Ajax JSON"}
				});
				
			</script>
		

PHP Graph Chainging Month/Day/Hour Data Generator

			<?php
			
				$data = array( "data" => array(), "xaxis" => array());
				
				switch( $_GET['level'] ){
					
					case 'month':
						$data["chain"] = array("href" => "/pages/series/chaining_graphs.php", "options" => array("level" => "day"));
						
						for( $x = 0; $x < 4; $x++ ){
							$slice = array();
							for( $y = 0; $y < 12; $y++ ){
								array_push( $slice, mt_rand( mt_rand(1,49) * ($x + 1), mt_rand(50,100) * ($x + 1) ) );
							}
							array_push($data['data'], array( "data" => $slice, "label" => "Series: " . $x));
						}
						
						for( $x = 1; $x < 13; $x++ ){
							$timestamp = mktime(0, 0, 0, $x, 1, 2012);
							array_push($data['xaxis'],  date("F", $timestamp) );
						}
						
						break;
						
					case 'day':
						$data["chain"] = array("href" => "/pages/series/chaining_graphs.php", "options" => array("level" => "hour"));
						
						for( $x = 0; $x < 4; $x++ ){
							$slice = array();
							for( $y = 0; $y < 30; $y++ ){
								array_push( $slice, mt_rand( mt_rand(1,49) * ($x + 1), mt_rand(50,100) * ($x + 1) ) );
							}
							array_push($data['data'], array( "data" => $slice, "label" => "Series: " . $x));
						}
							
						for( $x = 1; $x < 31; $x++ ){
							$timestamp = mktime(0, 0, 0, date('m', strtotime($_GET['text'])), $x, 2012);
							array_push($data['xaxis'],  date("F jS", $timestamp) );
						}
						
						break;
						
					case 'hour':
						
						for( $x = 0; $x < 4; $x++ ){
							$slice = array();
							for( $y = 0; $y < 24; $y++ ){
								array_push( $slice, mt_rand( mt_rand(1,49) * ($x + 1), mt_rand(50,100) * ($x + 1) ) );
							}
							array_push($data['data'], array( "data" => $slice, "label" => "Series: " . $x));
						}
							
						for( $x = 0; $x < 24; $x++ ){
							$timestamp = mktime($x, 0, 0, date('m', strtotime($_GET['text'])), date('j', strtotime($_GET['text'])), 2012);
							array_push($data['xaxis'],  date("gA", $timestamp) );
						}
						
						break;
				}
				
				echo json_encode( $data );
				
			?>