Charts (jqm1000) - Historique des versions

Syfre le 7 avril 2014 à 15:06

2014-04-07T15:06:39Z

@@ Ligne 1 : / Ligne 1 : @@
 Ce support permet d'afficher des graphique Google chart dans une page de l'application.
 ===Format de requête===
 La requête doit retourner les données du graphique au format Google.
@@ Ligne 39 : / Ligne 22 : @@
 |rows
 |Données du graphique (Lignes)
 |}
@@ Ligne 197 : / Ligne 183 : @@
 end;
 </source>
 [[Category:Mobiles]]
 [[Category:jqm1000.js]]

Syfre le 3 mars 2014 à 16:05

2014-03-03T16:05:25Z

← Version précédente		Version du 3 mars 2014 à 16:05
Ligne 125 :		Ligne 125 :
	</source>		</source>

	'''Exemple de code générant 3 graphiques :'''		'''Exemple de code générant 3 graphiques avec prise en charge des couleurs:'''

	<source lang="delphi">		<source lang="delphi">
Ligne 152 :		Ligne 152 :
	json.chart[idc].cols[1].name := _TP('Montant');		json.chart[idc].cols[1].name := _TP('Montant');
	json.chart[idc].cols[1].type := 'number';		json.chart[idc].cols[1].type := 'number';
			json.chart[idc].cols[2].role := 'style';
			json.chart[idc].cols[2].type := 'string';
	//		//
	ls := ExpenseSumView.CreateSelector('(aUser=%1) and (aYear=%2) and (aMonth=%3)','-aYear,-aMonth',true,[GlbUserName,aYear,aMonth]);		ls := ExpenseSumView.CreateSelector('(aUser=%1) and (aYear=%2) and (aMonth=%3)','-aYear,-aMonth',true,[GlbUserName,aYear,aMonth]);
Ligne 164 :		Ligne 166 :
	end;		end;
	json.chart[idc].rows[indx][1] := inst.aAmount;		json.chart[idc].rows[indx][1] := inst.aAmount;

			case inst.aStatus of
			StatutNF_Valide : json.chart[idc].rows[indx][2] := 'color:#FFFF66';
			StatutNF_Comptabilise : json.chart[idc].rows[indx][2] := 'color:#0066FF';
			StatutNF_Regle : json.chart[idc].rows[indx][2] := 'color:#00FF66';
			StatutNF_Refuse : json.chart[idc].rows[indx][2] := 'color:#FF3300';
			else json.chart[idc].rows[indx][2] := 'color:#FDFDF0';
			end;
	end;		end;
	//		//
Ligne 171 :		Ligne 181 :
	json.chart[idc].rows[0][0] := _TP('Aucune note');		json.chart[idc].rows[0][0] := _TP('Aucune note');
	json.chart[idc].rows[0][1] := 1;		json.chart[idc].rows[0][1] := 1;
			json.chart[idc].rows[0][2] := 'color:#808080';
	end;		end;
	//		//

Syfre : /* Format de requête */

2014-02-27T14:22:24Z

Format de requête

@@ Ligne 114 : / Ligne 114 : @@
       end;
       json.chart.rows[indx][1] := inst.aAmount;
     end;
 end;

Syfre : /* Format de requête */

2014-02-27T13:58:23Z

Format de requête

← Version précédente		Version du 27 février 2014 à 13:58
Ligne 22 :		Ligne 22 :

	Elle peut retourner soit un graphique, soit un ensemble de graphique.		Elle peut retourner soit un graphique, soit un ensemble de graphique.

			{\|class="wikitable"
			\|-
			\|chart
			\|Structure ou tableau de structure
			\|-
			\|title
			\|Titre du graphique
			\|-
			\|options
			\|Options Google du graphique.
			\|-
			\|cols
			\|Données du graphique (Colonnes)
			\|-
			\|rows
			\|Données du graphique (Lignes)
			\|}

	'''Exemple de structure JSON à retourner :'''		'''Exemple de structure JSON à retourner :'''

Syfre : Page créée avec « Ce support permet d'afficher des graphique Google chart dans une page de l'application. ===Méthode=== {|class="wikitable" |- !Méthode !Usage |- |$.mobApp.showChart(meth... »

2014-02-27T13:56:02Z

Page créée avec « Ce support permet d'afficher des graphique Google chart dans une page de l'application. ===Méthode=== {|class="wikitable" |- !Méthode !Usage |- |$.mobApp.showChart(meth... »

Nouvelle page

Ce support permet d'afficher des graphique Google chart dans une page de l'application.

===Méthode===
{|class="wikitable"
|-
!Méthode
!Usage
|-
|$.mobApp.showChart(method, req, options)
|Execute une requête et affiche un ou plusieurs graphique(s) en fonction de la réponse
|-
|$.mobApp.showAChart($elt, data)
|Affiche un graphique
|-
|$.fn.bindChart(options)
|Rattache un gestionnaire d'évènement sur des éléments référençant un graphique
|}

===Format de requête===

La requête doit retourner les données du graphique au format Google.

Elle peut retourner soit un graphique, soit un ensemble de graphique.

'''Exemple de structure JSON à retourner :'''

<source lang="javascript">
{
"chart":{
"title":"Frais de Février (2014)",
"options":{
"pieSliceText":"value"
},
"cols":[
{
"name":"Statut",
"type":"string"
},
{
"name":"Montant",
"type":"number"
}
],
"rows":[
[
"En attente1",
2736.29
],
[
"Comptabilisées",
385.56
],
[
"Refusées",
1164.61
]
]
}
}
</source>

'''Exemple de code générant un graphique :'''

<source lang="delphi">
//Procedure getDashboard(req:TJson; var resp:TObject);
Type
ExpenseSumView = viewOf(TNoteFrais)
aYear:Integer = year(nDate);
aMonth:Integer = month(nDate);
aAmount:Currency = sum(MontantRetenu);
aUser:string = Salarie.Operateur.oidutilisateur;
aStatus:Integer = Statut;
end;

var json:TJson; ls:TSelector; inst:ExpenseSumView; indx,idc:Integer;
begin
json := TJson.Create('');
resp := json;
//
json.chart.title := Format(_TP('Frais de %s (%d)'),[NameOfMonth(ThisMonth),ThisYear]);
json.chart.options.pieSliceText := 'value';
json.chart.cols[0].name := _TP('Statut');
json.chart.cols[0].type := 'string';
json.chart.cols[1].name := _TP('Montant');
json.chart.cols[1].type := 'number';
//
ls := ExpenseSumView.CreateSelector('(aUser=%1) and (aYear=%2) and (aMonth=%3)','-aYear,-aMonth',true,[GlbUserName,ThisYear,ThisMonth]);
foreachP inst in ls.AsCursor index indx do
begin
case inst.aStatus of
StatutNF_Valide : json.chart.rows[indx][0] := _TP('Validées');
StatutNF_Comptabilise : json.chart.rows[indx][0] := _TP('Comptabilisées');
StatutNF_Regle : json.chart.rows[indx][0] := _TP('Réglées');
StatutNF_Refuse : json.chart.rows[indx][0] := _TP('Refusées');
else json.chart.rows[indx][0] := _TP('En attente')+inttostr(inst.aStatus);
end;
json.chart.rows[indx][1] := inst.aAmount;
end;
end;
</source>

[[Category:Mobiles]]
[[Category:jqm1000.js]]

Charts (jqm1000) - Historique des versions

Syfre le 7 avril 2014 à 15:06

Syfre le 3 mars 2014 à 16:05

Syfre : /* Format de requête */

Syfre : /* Format de requête */

Syfre : Page créée avec « Ce support permet d'afficher des graphique Google chart dans une page de l'application. ===Méthode=== {|class="wikitable" |- !Méthode !Usage |- |$.mobApp.showChart(meth... »

Syfre : /* Format de requête */

Syfre : /* Format de requête */

Syfre : Page créée avec « Ce support permet d'afficher des graphique Google chart dans une page de l'application. ===Méthode=== {|class="wikitable" |- !Méthode !Usage |- |$.mobApp.showChart(meth... »