Comment tracer des graphiques avec les APIs Google ?

Vous aimeriez rajouter facilement des graphiques à votre blog ?
C'est facile grâce aux APIs Google !

Il vous suffit de rajouter la fonction suivante dans le fichier functions.php de votre thème :

function chart_shortcode( $atts ) {
	extract(shortcode_atts(array(
		'data' => '',
		'colors' => '',
		'size' => '400x200',
		'bg' => 'ffffff',
		'title' => '',
		'labels' => '',
		'advanced' => '',
		'type' => 'pie'
	), $atts));

	switch ($type) {
		case 'line' :
		$charttype = 'lc'; break;
		case 'xyline' :
		$charttype = 'lxy'; break;
		case 'sparkline' :
		$charttype = 'ls'; break;
		case 'meter' :
		$charttype = 'gom'; break;
		case 'scatter' :
		$charttype = 's'; break;
		case 'venn' :
		$charttype = 'v'; break;
		case 'pie' :
		$charttype = 'p3'; break;
		case 'pie2d' :
		$charttype = 'p'; break;
		default :
		$charttype = $type;
		break;
	}
	if ($title) $string .= '&chtt='.$title.'';
	if ($labels) $string .= '&chl='.$labels.'';
	if ($colors) $string .= '&chco='.$colors.'';
	$string .= '&chs='.$size.'';
	$string .= '&chd=t:'.$data.'';
	$string .= '&chf='.$bg.'';
	return '<img  src="http://chart.apis.google.com/chart?cht='.$charttype.''.$string.$advanced.'"  />';
}
add_shortcode('chart', 'chart_shortcode');

Il ne vous reste plus ensuite qu'à insérer dans vos article le shortcode [chart] avec la série de paramètres souhaitée:

• data="Liste des données séparées par des virgules"
• bg="Couleur HTML de fond sans #"
• labels="Titres des séries de données séparés par des virgules"
• colors="Couleurs HTML des séries de données sans # séparées par des virgules"
• size="lageurxhauteur"
• title="Titre du graphique"
• type="Type de graphique" { pie, line, lc, xyline, lxy, sparkline, ls, meter, gom, scatter, s, venn ,v, p3, pie2d }

La documentation de l'API est disponible sur http://code.google.com/intl/fr/apis/chart/docs/making_charts.html, mais je vous recommande d'utiliser Image Chart Editor pour vous simplifier la vie.