Comment tracer des graphiques avec les 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’ => ‘400×200’,
‘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 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.