Dynamically Create Charts Using jQuery Flot and Google Analytics

The PHP

/* defaults */
$month = date( n );
$year = date( Y );

/* submission? */
if($_GET[ month ] || $_GET[ year ]):
	/* cleanse lookups */
	$month = (int) $_GET[ month ]; if(!$month) { $month = 1; }
	$year = (int) $_GET[ year ]; if(!$year) { $year = date( Y ); }
	/* retrieve information from google analytics */
	require  ga/analytics.class.php ;
	$analytics = new analytics( youraccount@gmail.com ,  password );
	$analytics->setProfileByName( yourdomain.com );
	$analytics->setMonth($month,$year);
	$visits = $analytics->getVisitors();
	$views = $analytics->getPageviews();
	/* build tables */
	if(count($visits)) {
		foreach($visits as $day=>$visit) { 
			$flot_datas_visits[] =  [ .$day. , .$visit. ] ;
			$flot_datas_views[] =  [ .$day. , .$views[$day]. ] ;
		}
		$flot_data_visits =  [ .implode( , ,$flot_datas_visits). ] ;
		$flot_data_views =  [ .implode( , ,$flot_datas_views). ] ;
	}
endif;

The above code is the same as my MooTools post with the exception of the statistics output format. jQuery flot prefers arrays instead of a HTML table.

The jQuery Flot JavaScript

$(document).ready(function() {
	var visits = <?php echo $flot_data_visits; ?>;
	var views = <?php echo $flot_data_views; ?>;
	$( #placeholder ).css({
		height:  400px ,
		width:  600px 
	});
	$.plot($( #placeholder ),[
			{ label:  Visits , data: visits },
			{ label:  Pageviews , data: views }
		],{
	        pnes: { show: true },
	        points: { show: true },
	        grid: { backgroundColor:  #fffaff  }
	});
});

以上是使用jQuery Flot地块方法的简单例子。 简单地向持股人提供上述住房价格指数的统计数据。

View Demo

Comparison

jQuery Flot provides IE support via ExCanvas, which is great.

MilkChart allows for pie charts while Flot doesn t. I prefer pie charts to other chart types.

MilkChart allows for easy creation of charts from HTML tables (good for accessibipty) while jQuery Flot requires an array syntax.

你认为什么? 你们喜欢哪一种方法?