Vignette Google Chart (portail) - Historique des versions

Syfre le 4 juin 2014 à 14:44

2014-06-04T14:44:29Z

Syfre : /* Type de graphique */

2014-06-04T07:17:35Z

Type de graphique

Syfre le 4 juin 2014 à 06:55

2014-06-04T06:55:25Z

Syfre le 3 juin 2014 à 16:09

2014-06-03T16:09:48Z

Syfre : /* Calendar */

2014-06-03T15:17:54Z

Calendar

Syfre : /* Calendar */

2014-06-03T11:55:52Z

Calendar

Syfre le 3 juin 2014 à 11:54

2014-06-03T11:54:55Z

Syfre le 2 juin 2014 à 12:04

2014-06-02T12:04:12Z

Syfre le 2 juin 2014 à 11:59

2014-06-02T11:59:45Z

Syfre : Page créée avec « Cette vignette affiche un graphique Google Chart à partir d'une source de données JSON. {{:Paramètre standards (portail)}} '''Paramètres spécifiques :''' {|class="... »

2014-06-02T11:34:42Z

Page créée avec « Cette vignette affiche un graphique Google Chart à partir d'une source de données JSON. {{:Paramètre standards (portail)}} '''Paramètres spécifiques :''' {|class="... »

Nouvelle page

Cette vignette affiche un graphique Google Chart à partir d'une source de données JSON.

{{:Paramètre standards (portail)}}

'''Paramètres spécifiques :'''

{|class="wikitable"
|-
!Paramètre
!Type
!Usage
|-
|URI
|URL
|Source de données JSON
|-
|src
|URL
|URL de la page HTMl du contenu de l'iframe
|-
|options
|string
|Options du graphique Google
|}

Voir aussi :

[[Category:Portail]]

@@ Ligne 242 : / Ligne 242 : @@
    json.chart.rows[2][1] := Format('1801-02-03',[]);
    json.chart.rows[2][2] := Format('1809-02-03',[]);;
 end;
 </source>
 Voir aussi :
 * [https://google-developers.appspot.com/chart/ Google Chart]
 [[Category:Portail]]

@@ Ligne 80 : / Ligne 80 : @@
 !Type
 !Style de graphique
 |-
 |bar
@@ Ligne 92 : / Ligne 89 : @@
 |pie
 |Camembert
 |-
 |calendar
@@ Ligne 98 : / Ligne 122 : @@
 |timeline
 |Contrôle ligne de temps
 |}

@@ Ligne 1 : / Ligne 1 : @@
 __TOC__
 Cette vignette affiche un graphique Google Chart à partir d'une source de données JSON.
 {{:Paramètre standards (portail)}}
@@ Ligne 23 : / Ligne 25 : @@
 |string
 |Options du graphique Google
-|-
-|packages
-|string
-|Paquets Google supplémentaire du module de visualisation Google
 |}
@@ Ligne 32 : / Ligne 31 : @@
 Adresse de la source de données retournant les données du graphique.
-Une source de données de graphique est une structure du type :
+Une source de données de graphique est une structure JSON du type :
 <pre>
@@ Ligne 75 : / Ligne 74 : @@
 Les options sont la combinaison des options défini dans les propriétés de la vignette et des options retournées par la source de données.
-* Google chart packages (packages)
+===Type de graphique===
-Une liste de module supplémentaire à charger dans le code d'initialisation de Google.
+Les types de graphique supportés sont :
-Par défaut le module "corechart" est chargé.
+{{tip|Pour supporter d'autre type de graphique il est nécessaire d'utiliser une page HTML google-charts.html personnalisée pour inclure les nouvelles librairies}}
 ==Exemples==

@@ Ligne 1 : / Ligne 1 : @@
 Cette vignette affiche un graphique Google Chart à partir d'une source de données JSON.
@@ Ligne 22 : / Ligne 23 : @@
 |string
 |Options du graphique Google
 |}
@@ Ligne 69 : / Ligne 74 : @@
 Les options sont la combinaison des options défini dans les propriétés de la vignette et des options retournées par la source de données.
 ==Exemples==

← Version précédente		Version du 3 juin 2014 à 15:17
Ligne 134 :		Ligne 134 :

	{{tip\|Notez la façon d'encoder la date}}		{{tip\|Notez la façon d'encoder la date}}
		+
		+	===Timeline===
		+	[[image:Portal-googlechart-timeline.png]]
		+
		+	<source lang="delphi">
		+	//Procedure timeline(req:Tjson; var resp:TObject);
		+	var json:TJson;
		+	begin
		+	json := Tjson.Create('');
		+	resp := json;
		+
		+	json.chart.options.title := 'Expenses';
		+	//
		+	json.chart.cols[0].type := 'string';
		+	json.chart.cols[0].id := 'President';
		+	json.chart.cols[1].type := 'date';
		+	json.chart.cols[1].id := 'Start';
		+	json.chart.cols[2].type := 'date';
		+	json.chart.cols[2].id := 'End';
		+	//
		+	json.chart.rows[0][0] := 'Washington';
		+	json.chart.rows[0][1] := Format('1789-03-29',[]);
		+	json.chart.rows[0][2] := Format('1797-02-03',[]);;
		+	//
		+	json.chart.rows[1][0] := 'Adams';
		+	json.chart.rows[1][1] := Format('1797-02-03',[]);
		+	json.chart.rows[1][2] := Format('1801-02-03',[]);;
		+	//
		+	json.chart.rows[2][0] := 'Jefferson';
		+	json.chart.rows[2][1] := Format('1801-02-03',[]);
		+	json.chart.rows[2][2] := Format('1809-02-03',[]);;
		+	end;
		+	</source>

	Voir aussi :		Voir aussi :

@@ Ligne 23 : / Ligne 23 : @@
 |Options du graphique Google
 |}
 * Source de données (URI)
@@ Ligne 72 : / Ligne 70 : @@
 Les options sont la combinaison des options défini dans les propriétés de la vignette et des options retournées par la source de données.
-Exemple :
+==Exemples==
 <source lang="delphi">
 Procedure services.chart(req:Tjson; var resp:TObject);
@@ Ligne 94 : / Ligne 93 : @@
    json.chart.rows[1][0] := 'Rejected';
    json.chart.rows[1][1] := 300.00;
 end;
 </source>

@@ Ligne 27 : / Ligne 27 : @@
 * Source de données (URI)
-: Adresse de la source de données retournant les données du graphique.
+Adresse de la source de données retournant les données du graphique.
 * Adresse page locale HTML (src)
-: Adresse de la page contenant le code permettant d'incorporer le graphique.
+Adresse de la page contenant le code permettant d'incorporer le graphique.
 *Google chart options (options)
-: Structure JSON permettant de sélectionner les options du graphique
+Structure JSON permettant de sélectionner les options du graphique
 Exemple :