Vignette Google Chart (portail) - Historique des versions

Syfre le 4 juin 2014 à 14:44

2014-06-04T14:44:29Z

@@ 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]]

Syfre : /* Type de graphique */

2014-06-04T07:17:35Z

Type de graphique

@@ 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
 |}

Syfre le 4 juin 2014 à 06:55

2014-06-04T06:55:25Z

← Version précédente		Version du 4 juin 2014 à 06:55
Ligne 1 :		Ligne 1 :
	__TOC__		__TOC__
	Cette vignette affiche un graphique Google Chart à partir d'une source de données JSON.		Cette vignette affiche un graphique Google Chart à partir d'une source de données JSON.

			===Paramètres===

	{{:Paramètre standards (portail)}}		{{:Paramètre standards (portail)}}
Ligne 23 :		Ligne 25 :
	\|string		\|string
	\|Options du graphique Google		\|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.		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>		<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.		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 :
			{\|class="wikitable"
			\|-
			!Type
			!Style de graphique
			\|-
			\|table
			\|Table
			\|-
			\|bar
			\|Barres horizontales
			\|-
			\|columnChart
			\|Barres verticales
			\|-
			\|pie
			\|Camembert
			\|-
			\|calendar
			\|Contrôle calendrier
			\|-
			\|timeline
			\|Contrôle ligne de temps
			\|}

	~~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==		==Exemples==

Syfre le 3 juin 2014 à 16:09

2014-06-03T16:09:48Z

← Version précédente		Version du 3 juin 2014 à 16:09
Ligne 1 :		Ligne 1 :
			__TOC__
	Cette vignette affiche un graphique Google Chart à partir d'une source de données JSON.		Cette vignette affiche un graphique Google Chart à partir d'une source de données JSON.

Ligne 22 :		Ligne 23 :
	\|string		\|string
	\|Options du graphique Google		\|Options du graphique Google
			\|-
			\|packages
			\|string
			\|Paquets Google supplémentaire du module de visualisation 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.		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)
			Une liste de module supplémentaire à charger dans le code d'initialisation de Google.

			Par défaut le module "corechart" est chargé.

	==Exemples==		==Exemples==

Syfre : /* Calendar */

2014-06-03T15:17:54Z

Calendar

← 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 :

Syfre : /* Calendar */

2014-06-03T11:55:52Z

Calendar

← Version précédente		Version du 3 juin 2014 à 11:55
Ligne 132 :		Ligne 132 :
	end;		end;
	</source>		</source>

			{{tip\|Notez la façon d'encoder la date}}

	Voir aussi :		Voir aussi :

Syfre le 3 juin 2014 à 11:54

2014-06-03T11:54:55Z

@@ 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>

Syfre le 2 juin 2014 à 12:04

2014-06-02T12:04:12Z

@@ 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 :

Syfre le 2 juin 2014 à 11:59

2014-06-02T11:59:45Z

@@ Ligne 23 : / Ligne 23 : @@
 |Options du graphique Google
 |}
 Voir aussi :
 [[Category:Portail]]

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]]

Vignette Google Chart (portail) - Historique des versions

Syfre le 4 juin 2014 à 14:44

Syfre : /* Type de graphique */

Syfre le 4 juin 2014 à 06:55

Syfre le 3 juin 2014 à 16:09

Syfre : /* Calendar */

Syfre : /* Calendar */

Syfre le 3 juin 2014 à 11:54

Syfre le 2 juin 2014 à 12:04

Syfre le 2 juin 2014 à 11:59

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="... »

Syfre : /* Type de graphique */

Syfre : /* Calendar */

Syfre : /* Calendar */

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="... »