FORUM SPX

je-evrard

Responsable du projet

Lieu : Pau

Inscription : 2014-01-24

Messages : 206

Site Web

[googlechart] graphique google charts

Une service bien pratique est Google Charts. IL permet d'afficher un graphique camembert. exemple ici

Pour en savoir plus

Déclaration config.php

[== Indéfini ==]
function googlechart_function( $atts ) {
	extract(shortcode_atts(array(
	'data' => '',
	'type' => 'pie',
	'title' => 'Chart',
	'labels' => '',
	'size' => '640x480',
	'advanced' => '',
	'bg' => 'FFFFFF',
	'colors' => '',
	), $atts));
	 
	switch ($type) {
	case 'line' :
		$chartype = 'lc';
	break;
	case 'pie' :
		$chartype = 'p3';
	break;
	case 'xline' :
		$chartype = 'lxy';
	break;
	case 'sparkline' :
		$chartype = 'ls';
	break;
	case 'meter' :
		$chartype = 'gom';
	break;
	case 'scatter' :
		$chartype = 's';
	break;
	case 'venn' :
		$chartype = 'v';
	break;
	case 'vpied' :
		$chartype = 'p';
	break;
	default :
		$chartype = $type;
	break;
	}
	
	$attributes = ''; 
	if ($title) $attributes .= '&chtt='.$title.'';
    if ($labels) $attributes .= '&chl='.$labels.'';
    if ($colors) $attributes .= '&chco='.$colors.'';
    $attributes .= '&chs='.$size.'';
    $attributes .= '&chd=t:'.$data.'';
    $attributes .= '&chf='.$bg.'';

	return '<img title="'.$title.'" src="http://chart.apis.google.com/chart?cht='.$chartype.''.$attributes.$advanced.'" alt="'.$title.'" />';
}
add_shortcode('googlechart', 'googlechart_function');
?>

Usage:

Population d'australie :

[== PHP ==]
<?php
[googlechart data="7238819,5547527,4516361,1644642,507626,229675,127532,2296411,358894" bg="F7F9FA" labels="NSW|Victoria|Queensland|South Australia|Tasmania|Northern+Territory|Darwin|Western Australia|ACT" colors="058DC7,81feb6,ff8080,1601d1,50B432,ff0f0f,800040,ED561B,EDEF00" size="445x200" title="Australian Population" type="pie"]

Sparkline (sparkline)

[== Indéfini ==]
[googlechart data="0,22,24,26,28,100,90,80,70,65,20,80,30,50,20,30" bg="F7F9FA" size="445x100" type="sparkline"]

Google o meters

[== Indéfini ==]
[googlechart data="30" bg="F7F9FA" labels="low" colors="00ff40,009d27,ffc22f,d89b07,ffa346,d89b07,ff6666,ff0f0f" size="445x200" title="Fire Danger" type="gom"]

---

Petit à petit l'oiseau fait son nid.
creation de site web : http://secretsitebox.fr/ - création artistique : http://art.je-evrard.net