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 '';
}
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.