Tracez des graphiques sur votre blog WordPress avec les APIs Google3
Vous aimeriez rajouter facilement des graphiques à votre blog comme ceux qui suivent ?
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 title="'.$title.'" src="http://chart.apis.google.com/chart?cht='.$charttype.''.$string.$advanced.'" alt="'.$title.'" />';
}
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 
Un exemple ?
Si vous insérez le short code suivant
[chart data= »41.52,37.79,20.67,0.03″ bg= »F7F9FA » labels= »Reffering+sites|Search+Engines|Direct+traffic|Other » colors= »058DC7,50B432,ED561B,EDEF00″ size= »488×200″ title= »Traffic Sources » type= »pie »]
Voici ce qui s’affichera
C’est top non ?
Source WebDevOnLinux
Notez cet article
Loading ...
![[Freemobile] Comparatif entre Free Mobile et la concurrence](http://pix-geeks.com/wp-content/uploads/2012/01/concurrence-freemobile-300x150.jpg)
est édité par 
For the help please use http://www.google.com
Intéressant par contre j’ai chercher partout auparavant cmt utiliser ces dashboards dans wp.
Mon souci c’est d’utiliser l’api google chart with R que moi même je vais produire.
Questions cmt tu as généré ce short code , il vient d’où? et si non as tu utilisé le plugin .Voici le la documentation google mais je ne suis pas arrivé .Astu une idée?
http://code.google.com/p/google-motion-charts-with-r/wiki/UsingWordPressoici
Dernier article de alpha : Le systhème décisionnel OSBI
Je ne suis pas sur de comprendre ta question … L’idée est d’utiliser les API Google pour afficher des graphiques. On peut le faire via WordPress et des shortcodes comme expliqué, ou carrément « à la main » en requêtant Google en direct.