Documentation - Graph

Le composant permet de générer les graphes suivants : Barres, barres empilées, barres proportionnelles, Aires, Courbes, Combinés (aires + barres + courbes), Camembert, donuts, camembert proportionnel, Pyramides, Kiviat ou graphes en étoiles, Graphe à bulles, Graphes polaires…

La génération des graphes se fait par des commandes très simple et le composant est fourni avec une base d’exemples.
Nous avons également réalisé des cartes avec mise en couleurs des départements, des états unis, de l’Europe et de l’Allemagne, nous sommes à votre disposition pour mettre ce code à votre disposition dans le cadre de votre licence.

Comme ce composant est encore assez jeune, il évolue rapidement, nous sommes à l’écoute de vos suggestions pour le faire progresser.

Commandes

Paramètres

Paramètres

Type

 

N° du paramètre

Description

Noms des paramètres du graphes

Pointeur

==>

1

Pointeur vers un tableau texte qui contient le nom des paramètres, ce tableau doit avoir la même taille que le tableau des valeurs de paramètres du graphe

Les valeurs possibles de paramètre du graphe sont les suivantes :

Paramètres généraux du graphe

  • « Police du graphe » ou « GraphFont » : Police du titre et polices par défaut des légendes et des échelles (arial par défaut)
  • « Couleur de fond du graphe » ou « GraphBGColor » : Couleur du fond du graphe
  • « Couleur 2 de fond du graphe » ou « GraphBGColor2 » : Deuxième couleur du fond du graph, si vous spécifiez une deuxième couleur et quelle est différente de la première vous obtiendrez un dégradé

Paramètres du titre

  • « Titre » ou « Title » : titre du graphe
  • « alignement du titre » ou « TitleAlignement » : Alignement du titre 0,1,2,3
  • « TitleFontSize » ou « Taille de la police du titre » : Taille de la police du titre
  • « TitleFontStyle » ou « Style de la police du titre » : Style de la police du titre (ex chaine(gras+italique))
  • « TitleFontColor » ou « Couleur de la police du titre » : Couleur de la police du titre
  • « TitleVerticalOffSet » ou « Décalage vertical du titre » : Décalage vertical en px pour un ajustement fin de sa position

Paramètres de la légende

  • « Affichage de la légende » ou « ShowLegend » : Affichage de la légende « oui », « vrai », « true », « yes », « non », « no », « Faux », « false »
  • « Police de la légende » ou « legendFont » : Police de la légende, si cette valeur est passée, elle remplace la « police du graphe »
  • « LegendFontSize » ou « Taille de la police de la légende » : Taille de la police de la légende
  • « LegendFontStyle » ou « Style de la police de la légende » : Style de la police de la légende
  • « LegendFontColor » ou « Couleur de la police de la légende » : Couleur de la police de la légende
  • « LegendBGcolor » ou « Couleur de fond de la légende » : Couleur de fond du rectangle de légende (« White:0 » pour une transparence)

Paramètres du graphe

  • « BubbleMaxDiameter » : Diametre maximum d’une bulle
  • « ShowZeroOnHorizontalAxis » : le zéro de l’axe horizontal doit être visible
  • « ShowZeroOnVerticalAxis » : le zéro de l’axe vertical doit être visible
  • « ShowHorizontalScaleLine » : Traits horizontaux pour les graduations
  • « ShowVerticalScaleLine » : Traits verticaux pour les graduations
  • « ShowBubbleName » : affichage des libellés
  • « BubbleFontSize » : taille de la police des libellés

Valeurs des paramètres du graphes

Pointeur

==> 

2

Pointeur vers un tableau texte des valeurs de paramètres du graphe

Légendes

Pointeur

 ==>

3

Pointeur vers un tableau texte des noms des axes

Libelle

Pointeur

 ==>

4

Pointeur vers un tableau texte des bulles

Value1

Pointeur

 ==>

5

Pointeur vers un tableau réel des valeurs sur l’axe horizontal

Value2

Pointeur

 ==>

6

Pointeur vers un tableau réel des valeurs sur l’axe vertical

Value3

Pointeur

 ==>

7

Pointeur vers un tableau réel des valeurs du diamètre de la bulle

Couleurs

Pointeur

==> 

8

Pointeur vers un tableau texte de couleur des bulles

Résultat

Image

  

Image incluant le code SVG

Description

Les graphes à bulles permettent de percevoir visuellement plus d’informations :

  1. La valeur de l’abscisse
  2. la valeur de l’ordonnée
  3. La valeur du diamètre
  4. Et éventuellement la couleur du cercle
Exemple de code
				
					Pour obtenir ce graphe il vous faudra utiliser le code ci-dessous
 // Nom utilisateur (OS) : Paul Kuhn - BlueCompany
 // ----------------------------------------------------
 // Méthode : Exemple_Bulle
 // Description

TABLEAU TEXTE($DataGrapheName;0)
TABLEAU TEXTE($DataGraphe;0)

AJOUTER A TABLEAU($DataGrapheName;"BubbleMaxDiameter")
AJOUTER A TABLEAU($DataGraphe;"400")  // 1- diametre maximum d'une bulle

AJOUTER A TABLEAU($DataGrapheName;"GraphBGColor")
AJOUTER A TABLEAU($DataGraphe;"White")  // 2 - couleur de fond du graphe

AJOUTER A TABLEAU($DataGrapheName;"Title")
AJOUTER A TABLEAU($DataGraphe;"Evolution du nombres de produits et du CA")  // 3 - Titre du graphe

AJOUTER A TABLEAU($DataGrapheName;"TitleAlignement")
AJOUTER A TABLEAU($DataGraphe;Chaine(Centré))  // 4 - Alignement du Titre du graphe

AJOUTER A TABLEAU($DataGrapheName;"ShowZeroOnHorizontalAxis") 
AJOUTER A TABLEAU($DataGraphe;"non")  // 5 - le zéro de l'axe horizontal doit etre visible

AJOUTER A TABLEAU($DataGrapheName;"ShowZeroOnVerticalAxis")
AJOUTER A TABLEAU($DataGraphe;"oui")  // 6 - le zéro de l'axe vertical doit etre visible

AJOUTER A TABLEAU($DataGrapheName;"ShowHorizontalScaleLine")
AJOUTER A TABLEAU($DataGraphe;"oui")  // 7 - Traits horizontaux pour les graduations

AJOUTER A TABLEAU($DataGrapheName;"ShowVerticalScaleLine")
AJOUTER A TABLEAU($DataGraphe;"oui")  // 8 - Traits verticaux pour les graduations

AJOUTER A TABLEAU($DataGrapheName;"ShowBubbleName")
AJOUTER A TABLEAU($DataGraphe;"oui")  // 9 - Affichage des libellés

AJOUTER A TABLEAU($DataGrapheName;"BubbleFontSize")
AJOUTER A TABLEAU($DataGraphe;"36")  // 10 - taille de la police des libellés

AJOUTER A TABLEAU($DataGrapheName;"GraphFont")
AJOUTER A TABLEAU($DataGraphe;"times")  // 11 - Police des légendes et des échelles

TABLEAU TEXTE($legende;0)  // légende des valeurs
AJOUTER A TABLEAU($legende;"Année")
AJOUTER A TABLEAU($legende;"Nbre de produits")
AJOUTER A TABLEAU($legende;"CA")

TABLEAU TEXTE($Libelle;0)
AJOUTER A TABLEAU($Libelle;"Années 80 : les débuts")
AJOUTER A TABLEAU($Libelle;"")
AJOUTER A TABLEAU($Libelle;"Années 90 : la croissance")
AJOUTER A TABLEAU($Libelle;"Années 2000 : l'explosion")
AJOUTER A TABLEAU($Libelle;"Années 2010 : le déclin")

TABLEAU REEL($Value1;0)  // axe horizontal
AJOUTER A TABLEAU($Value1;1980)
AJOUTER A TABLEAU($Value1;1985)
AJOUTER A TABLEAU($Value1;1990)
AJOUTER A TABLEAU($Value1;2000)
AJOUTER A TABLEAU($Value1;2012)

TABLEAU REEL($Value2;0)  // axe vertical
AJOUTER A TABLEAU($Value2;25)
AJOUTER A TABLEAU($Value2;35)
AJOUTER A TABLEAU($Value2;50)
AJOUTER A TABLEAU($Value2;80)
AJOUTER A TABLEAU($Value2;12)

TABLEAU REEL($Value3;0)  // Diametre de la bulle
AJOUTER A TABLEAU($Value3;18000000)
AJOUTER A TABLEAU($Value3;22000000)
AJOUTER A TABLEAU($Value3;32000000)
AJOUTER A TABLEAU($Value3;40000000)
AJOUTER A TABLEAU($Value3;10000000)

TABLEAU TEXTE($Color;0)
AJOUTER A TABLEAU($Color;"lightblue")
AJOUTER A TABLEAU($Color;"Purple")
AJOUTER A TABLEAU($Color;"Pink")
AJOUTER A TABLEAU($Color;"LightGreen")
AJOUTER A TABLEAU($Color;"orange")

TheGraphe:=SGR_Generate_bubbleChart (->$DataGrapheName;->$DataGraphe;->$legende;->$Libelle;->$Value1;->$Value2;->$Value3;->$Color)

				
			
Paramètres

Paramètres

Type

 

N° du paramètre

Description

Nom des paramètres du graphe

Pointeur

 ==>

 

1

Pointeur vers un tableau texte qui contient le nom des paramètres, ce tableau doit avoir la même taille que le tableau des valeurs de paramètres du graphe

Les valeurs possible des paramètres du graphe sont les suivantes :

Paramètres généraux du graphe

  • « Police du graphe » ou « GraphFont » : Police du titre et polices par défaut des légendes et des échelles (arial par defaut)

Paramètres généraux du titre

Paramètres de la jauge

  • « Type de jauge » ou « Gauge type » : vous permet de fixer le type de jauge que vous voulez obtenir (Défaut basic)
    • Basic
    • Basic2
    • Thermo (en cours d’implémentation)
    • d’autres à venir …
  • « Couleur de fond de la jauge » ou « Gauge BG Color » : Couleur de fond de la jauge (Défaut « white »)

Paramètres des échelles

  • « Affichage des échelles » ou « ShowValue » : affichage oui ou non des valeurs sur la jauge (Défaut oui)

Paramètres de la valeur

  • « ValueName » ou « ValueName » : Texte qui est affiché devant la valeur
  • « ShowValue » : affichage de la valeur sur la jauge, yes ou no (defaut : yes)
  • « ValueFormat » : chaîne de formatage de la valeur

Valeurs des paramètres du graphe

pointeur

 ==>

 

2

Pointeur vers le tableau des valeurs des paramètres ce tableau doit être de même taille que le précédent

Limites

pointeur

 ==>

 

3

Pointeur vers le tableau réel des limites des sections de la jauge, la valeur 0 du tableau est utilisée

Couleurs

pointeur

 ==>

 

4

Pointeur vers le tableau texte des couleurs des sections de la jauge

Textes des échelles

pointeur

 ==>

 

5

Pointeur vers le tableau texte des valeurs sur la jauge, la valeur 0 du tableau est utilisée

Valeur

Réel

 ==>

 

6

Valeur à tracer

Graphe

Image

 

Retour

Image incluant le code SVG

Description
Exemple de code
				
					BIENTOT DISPONIBLE
				
			
Paramètres

Paramètres

Type

 

N° du paramètre

Description

Nom des paramètres du graphe

Pointeur

 ==>

 

1

Pointeur vers un tableau texte qui contient le nom des paramètres, ce tableau doit avoir la même taille que le tableau des valeurs de paramètres du graphe

Les valeurs possible de paramètre du graphe sont les suivantes :

Paramètres généraux du graphe

  • « Police du graphe » ou « GraphFont » : Police du titre et polices par défaut des légendes et des échelles (arial par défaut)
  • « Orientation du graphe » ou « GraphOrientation » : Orientation de l’axe des abscisses : horizontal ou vertical (Horizontal par défaut)
  • « Titre axe abscisses » ou « abscissaName » : libellé des abscisses
  • « Titre des ordonnés » ou « ordinateName » : libellé des ordonnées
  • « Couleur de fond du graphe » ou « GraphBGColor » : Couleur du fond du graphe
  • « Couleur 2 de fond du graphe » ou « GraphBGColor2 » : Deuxième couleur du fond du graph, si vous spécifiez une deuxième couleur et quelle est différente de la première vous obtiendrez un dégradé
  • « ForcingScalesToZero » : Forçage du zéro des échelles « oui » ou « non »
  • « ShowBorderGraph » : Affichage d’un cadre autour du graphe « oui » ou « non » (défaut oui)
  • « ShowRegression » : Affichage de la droite de régression « oui » ou « non » (défaut non) uniquement sur les Line et SPline pour le moment (ce sera généralisé dans une prochaine version)
  • « Damping » : Valeur entre 0 et 100 permettant un amortissement des valeur autour de la droite de régression (défaut 0)uniquement sur les SPline pour le moment (ce sera généralisé dans une prochaine version)

Paramètres du titre

  • « Titre » ou « Title » : titre du graphe
  • « alignement du titre » ou « TitleAlignement » : Alignement du titre 0,1,2,3
  • « TitleFontSize » ou « Taille de la police du titre » : Taille de la police du titre
  • « TitleFontStyle » ou « Style de la police du titre » : Style de la police du titre (ex chaine (gras + italique))
  • « TitleFontColor » ou « Couleur de la police du titre » : Couleur de la police du titre
  • « TitleVerticalOffSet » ou « Décalage vertical du titre » : Décalage vertical en px pour un ajustement fin de sa position

Paramètres des valeurs

  • « Format des valeurs » ou « Valueformat » : Chaine de formatage des valeurs au format 4D (ex. « ### ##0.00 % »)

Paramètres de la légende

  • « Affichage de la légende » ou « ShowLegend » : Affichage de la légende « oui », « vrai », « true », « yes », « non », « no », « Faux », « false »
  • « Police de la légende » ou « legendFont » : Police de la légende, si cette valeur est passée, elle remplace la « police du graphe »
  • « LegendFontSize » ou « Taille de la police de la légende » : Taille de la police de la légende
  • « LegendFontStyle » ou « Style de la police de la légende » : Style de la police de la légende
  • « LegendFontColor » ou « Couleur de la police de la légende » : Couleur de la police de la légende
  • « LegendBGcolor » ou « Couleur de fond de la légende » : Couleur de fond du rectangle de légende (« White:0 » pour une transparence)

Paramètres du graphe spécifiques aux aires

  • « ExtendAreaToGraph » : Ce paramètre permet d’étendre les graphes de type aires pour le premier et dernier segment ce qui est plus esthétique, cependant cela peut poser des problèmes dans le cas d’affichage de courbes et d’aires en même temps, l’aire paressant décalée. Dans ce cas passez ce paramètre à « faux » ou « no ». Par défaut ce paramètre est à « yes »

Paramètres du graphe spécifiques aux barres

  • « Largeur des barres » ou « BarWidth » : Dans le fonctionnement normal la largeur des barres est ajustée en fonction des dimensions standards du dessin, dans ce cas-là, les barres étant de taille fixe c’est la taille du dessin qui est ajustée.
  • « Espace entre les barres » ou « Space between bars » : cet espace peut être négatif et générer un recouvrement

Paramètres du graphe spécifiques aux barres empilées

  • « ShowSumOfBars » : Affiche la valeur cumulée des barres (défaut : oui).
  • « SumOfBarsColors » : couleur de l’affichage de la valeur cumulé des barres (défaut : « black »).
  • « SumOfBarsDelta » : ajustement de l’espace entre la fin de la barre et l’affiche de la valeur cumulée (défaut : 0) ce paramètre peut être négatif.
  • « SumOfBarsPositiveColor » : couleur de l’affichage de la valeur cumulé des barres si elle est positive (défaut : SumOfBarsColors).
  • « SumOfBarsNegativeColor » : couleur de l’affichage de la valeur cumulé des barres si elle est négative (défaut : SumOfBarsColors).
  • « SumOfBarsFontSize » taille de la police d’affichage de la valeur cumulé des barres (défaut : 24)
  • « SumOfBarsFont » Police de l’affichage de la valeur cumulé des barres (défaut : arial)
  • « SumOfBarsFontStyle » style de l’affichage de la valeur cumulé des barres (défaut : normal soit 0)

Nous vous recommandons de regarder la méthode « Exemple_Bar2 » dans la base exemple

 

Paramètres du graphe spécifiques aux courbes

  • « ShowZeroValues » : affiche les valeurs a « zéro » sur une courbe (yes/no yes dar défaut)
  • « HideSymbolValue » : masque les symboles et les légende des points qui sont dans la liste des valeurs. Les valeurs sont séparée par des points virgules (;)
    • ex. : « 1,5;1,6 » masquera les points ayant 1,5 ou 1.6 comme valeur

Paramètres des axes

  • « X-LegendOrientation » : permet de gérer l’orientation ou le positionnement des valeurs de l’axe des abscisses vous pouvez passer :
    • normal : le composant gérera l’orientation de manière automatique
    • quinconce : Le composant affichera la légende de l’axe sur 2 lignes, alternativement sur l’un puis sur l’autre
    • Rotation:X : La légende sera pivotée de X degré en partant de l’alignement horizontal.
  • – « X-FontSize » : taille de la police de la légende de l’axe (30 par défaut)
  • – « X-FontStyle » : style de la police de la légende de l’axe
    • ex. : Chaine (Souligné + Gras + Italique)
    • gras par défaut
  • – « Y-FontSize » : taille de la police de la légende de l’axe (30 par défaut)
  • – « Y-FontStyle » : Style de la police de la légende de l’axe
    • ex. : Chaine (Souligné + Gras + Italique)
    • gras par défaut

Valeurs des paramètres du graphe

pointeur

 ==>

 

2

Pointeur vers le tableau des valeurs des paramètres ce tableau doit être de même taille que le précédent

Noms des séries

pointeur

 ==>

 

3

Pointeur vers le tableau des libellés des séries

Ordonnées

pointeur

 ==>

 

4

Pointeur vers le tableau des valeurs des ordonnées

Valeurs

pointeur

 ==>

 

5

Pointeur vers le tableau réel 2D des valeurs des séries

Paramètres de dessin des courbes

pointeur

 ==>

 

6

Pointeur vers le tableau texte 2D des paramètres de traçage

1.Type de la courbe

  • « Aire » ou « Area »
  • « Aire empilée » ou « Area stacked »
  • « Aire proportionnelle » ou « Percentage Area »
  • « Aire enveloppe » ou « Area range »
  • « Barre » ou « Bar »
  • « Barre empilée » ou « Stacked bar »
  • « Barre proportionnelle » ou « Stacked percentage bar »
  • « Barre enveloppe » ou « Bar range »
  • « Courbe » ou « Line »
  • « spline »
  • « Courbe empilée » ou « Stacked Line »
  • « point »

2.Couleur

3.Plan de traçage (non actif pour le moment)

4.Unité

5.Nombre de décimales dans le cas d’affichage des valeurs

6. marques sur les valeurs (uniquement pour les aires et les courbes)

7.Affichage des valeurs

  • non
  • V-InsideTop (uniquement pour des barres)
  • V-InsideBottom (uniquement pour des barres)
  • V-Outside
  • H-Outside ou oui (valeur par défaut)

8.Taille de la police d’affichage des valeurs

9.Opacité de la couleur

10.Nombre de pixels blancs autour des symboles

11.Couleur de la police d’affichage des valeurs

Paramètres spécifiques pour les courbes, les barres et les aires

12.Couleur de début de dégradé, si vous indiquez une valeur de début de dégradé pour une courbe, vous devez obligatoirement indiquer une couleur de fin de dégradé, si vous ne le faite pas le dégradé ne sera par affiché. Le dégradé s’affichera ainsi :

  • Pour les courbes : remplissage de la courbe, cela ressemble donc a une aire 🙂
  • Pour les barres : dégradé dans la barre, le dégradé remplace la couleur de base de la barre
  • Pour les aires: dégradé sous l’aire, le dégradé remplace la couleur de base de l’aire

13.Couleur de fin de dégradé

Valeurs 2

pointeur

 ==>

 

7

Pointeur vers le tableau réel 2D des valeurs 2 des séries pour les courbes de type « enveloppe »

Apparence

pointeur

==> 

8

Pointeur vers le tableau texte 2D de description d’apparence spécifique de chaque valeur (optionnel) cette apparence se décrit de la manière suivante : « Color=pink&borderColor=purple&borderSize=10 », ces paramètres ne s’appliquent qu’au graphe de type « barres »

  • « Color »
  • « BorderColor »
  • « BorderSize »

CodeSVG

pointeur

==> 

9

Pointeur vers un texte qui recevra, si il est présent, le source SVG du graphe (optionnel)

Graphe

Image

 

Retour

Image incluant le code SVG

Description
Exemple de code
				
					Pour obtenir ce graphe il vous faudra utiliser le code ci-dessous :
TABLEAU TEXTE($nom_courbe;5)
TABLEAU TEXTE($ordonnée;12)
TABLEAU REEL($value;5;12)

TABLEAU TEXTE($DataGrapheName;0)
TABLEAU TEXTE($DataGraphe;0)
AJOUTER A TABLEAU($DataGrapheName;"Title")
AJOUTER A TABLEAU($DataGraphe;"Ventes des 12 mois")  // 1 - Titre du graphe

AJOUTER A TABLEAU($DataGrapheName;"GraphOrientation")
AJOUTER A TABLEAU($DataGraphe;"vertical")  // 2 - orientation des abcisses"

AJOUTER A TABLEAU($DataGrapheName;"abscissaName")
AJOUTER A TABLEAU($DataGraphe;"Période")  // 3 - libellé des abcisses

AJOUTER A TABLEAU($DataGrapheName;"ordinateName")
AJOUTER A TABLEAU($DataGraphe;"Euro (€)")  // 4 - libellé des ordonnées

AJOUTER A TABLEAU($DataGrapheName;"ShowLegend")
AJOUTER A TABLEAU($DataGraphe;"Oui")  // 5 - Affichage de la légende

AJOUTER A TABLEAU($DataGrapheName;"GraphBGColor")
AJOUTER A TABLEAU($DataGraphe;"White")  // 6 - Couleur du fond

AJOUTER A TABLEAU($DataGrapheName;"ForcingScalesToZero")
AJOUTER A TABLEAU($DataGraphe;"oui")  // 7 - Forçage du zéro des échelles

AJOUTER A TABLEAU($DataGrapheName;"GraphFont")
AJOUTER A TABLEAU($DataGraphe;"Arial")  // 8 - Police des légendes et des échelles

 //Paramétrage des différentes courbes
TABLEAU TEXTE($info_courbe;5;10)  //N courbes avec leur 10 paramètres
$info_courbe{1}{1}:="Courbe"  //type de courbe
$info_courbe{1}{2}:="dodgerblue"  //Couleur
$info_courbe{1}{3}:="2"  //Ordre de traçage
$info_courbe{1}{4}:="Euro (€)"  //Unité
$info_courbe{1}{5}:="0"  //Nbre de décimales
$info_courbe{1}{6}:="Carré"  //Symbole sur les valeurs (Uniquement pour les courbes) non/carré/triangle/rond
$info_courbe{1}{7}:="non"  //Affichage des valeurs
$info_courbe{1}{8}:="non"  //Taille de police d'affichage des valeurs de la courbe
$info_courbe{1}{9}:="75"  //Transparence


$info_courbe{2}{1}:="aire"
$info_courbe{2}{2}:="gold"
$info_courbe{2}{3}:="2"
$info_courbe{2}{4}:="Euro (€)"
$info_courbe{2}{5}:="0"
$info_courbe{2}{6}:="Non"
$info_courbe{2}{7}:="Oui"
$info_courbe{2}{9}:="60"


$info_courbe{3}{1}:="Aire"
$info_courbe{3}{2}:="orchid"
$info_courbe{3}{3}:="2"
$info_courbe{3}{4}:="Euro (€)"
$info_courbe{3}{5}:="0"
$info_courbe{3}{6}:="Non"
$info_courbe{3}{7}:="Oui"
$info_courbe{3}{8}:="24"
$info_courbe{3}{9}:="50"


$info_courbe{4}{1}:="Barre"
$info_courbe{4}{2}:="Orange"
$info_courbe{4}{3}:="3"
$info_courbe{4}{4}:="Euro (€)"
$info_courbe{4}{5}:="0"
$info_courbe{4}{6}:="Oui"
$info_courbe{4}{7}:="Non"
$info_courbe{4}{8}:="24"
$info_courbe{4}{9}:="75"


$info_courbe{5}{1}:="barre"
$info_courbe{5}{2}:="red"
$info_courbe{5}{3}:="1"
$info_courbe{5}{4}:="Euro (€)"
$info_courbe{5}{5}:="0"
$info_courbe{5}{6}:="non"
$info_courbe{5}{7}:="Non"
$info_courbe{5}{9}:="75"

$nom_courbe{1}:="CA"
$nom_courbe{2}:="CA Y-1"
$nom_courbe{3}:="Objectif de CA"
$nom_courbe{4}:="Ecart avec l'année précédente"
$nom_courbe{5}:="Autre donnée"


 //Génération et remplissage des données
Boucle ($i;1;12)
$ordonnée{$i}:=Chaine($i)+"/ 2013"
Fin de boucle  

Boucle ($i;1;12)
$Value{1}{$i}:=(Hasard%(301))-150
$Value{2}{$i}:=(Hasard%(601))+100
$Value{3}{$i}:=(Hasard%(51))+350
$Value{4}{$i}:=$Value{2}{$i}-$Value{1}{$i}
$Value{5}{$i}:=(Hasard%(601))-100
Fin de boucle 

TheGraphe:=SGR_Generate_Graph (->$DataGrapheName;->$DataGraphe;->$nom_courbe;->$ordonnée;->$value;->$info_courbe)

				
			
Paramètres

Paramètres

Type

 

N° du paramètre

Description

Nom des paramètres du graphe

Texte

==> 

1

Pointeur vers un tableau texte qui contient le nom des paramètres, ce tableau doit avoir la même taille que le tableau des valeurs de paramètres du graphe

Les valeurs possible de paramètre du graphe sont les suivantes :

Paramètres généraux du graphe

  • « Police du graphe » ou « GraphFont » : Police du titre et polices par défaut des légendes et des échelles (arial par défaut)
  • « Couleur de fond du graphe » ou « GraphBGColor » : Couleur du fond du graphe « Couleur 2 de fond du graphe » ou « GraphBGColor2 » : Deuxième couleur du fond du graph, si vous spécifiez une deuxième couleur et quelle est différente de la première vous obtiendrez un dégradé
  • « Donut » Diamètre d’extrusion en pixels du cercle blanc central (Notre conseil : entre 300 et 500)
  • « Reflet » ou « reflection » : Affichage de l’effet de reflet sur le graphe (oui/non) par défaut le reflet est affiché. Ce paramètre est utile pour la génération de pdf car en raison d’un bug (4D ou driver) vous risquez d’obtenir un graphe complètement noir.

Paramètres du titre

  • « Titre » ou « Title » : titre du graphe
  • « alignement du titre » ou « TitleAlignement » : Alignement du titre 0,1,2,3
  • « TitleFontSize » ou « Taille de la police du titre » : Taille de la police du titre
  • « TitleFontStyle » ou « Style de la police du titre » : Style de la police du titre (ex chaine(gras+italique))
  • « TitleFontColor » ou « Couleur de la police du titre » : Couleur de la police du titre
  • « TitleVerticalOffSet » : Offset vertical du titre en px

Paramètres des valeurs

  • « ShowValue » ou « Affichage des valeurs » (oui/non/value/name/%)
  • « ValueFont » ou « Police des valeurs » : police des valeurs affichées sur le graphe
  • « ValueFontSize » ou « Taille de la police des valeurs » : Taille de la police des valeurs affichées sur le graphe
  • « ValueFontStyle » ou « Style de la police des valeurs » : style de la police des valeurs affichées sur le graphe
  • « ValueFontColor » ou « Couleur de la police des valeurs » : Couleur de la police des valeurs affichées sur le graphe
  • « Format des valeurs » ou « Valueformat » : Chaine de formatage des valeurs au format 4D (ex. « ### ##0.00 % »)

Paramètres de la légende

  • « Affichage de la légende » ou « ShowLegend » : Affichage de la légende « oui », « vrai », « true », « yes », « non », « no », « Faux », « false »
  • « Police de la légende » ou « legendFont » : Police de la légende, si cette valeur est passée, elle remplace la « police du graphe »
  • « LegendFontSize » ou « Taille de la police de la légende » : Taille de la police de la légende
  • « LegendFontStyle » ou « Style de la police de la légende » : Style de la police de la légende
  • « LegendFontColor » ou « Couleur de la police de la légende » : Couleur de la police de la légende
  • « LegendBGcolor » ou « Couleur de fond de la légende » : Couleur de fond du rectangle de légende (« White:0 » pour une transparence)

Valeurs des paramètres du graphe

Texte

==> 

2

Pointeur vers un tableau texte des valeurs de paramètres du graphe

Légendes

Pointeur

 ==>

 

3

Pointeur vers un tableau texte des noms des parties de camembert

Valeurs

Pointeur

 ==>

 

4

Pointeur vers un tableau Réel des valeurs des parties de camembert

Couleurs

Pointeur

 ==>

 

5

Pointeur vers un tableau texte des couleurs des parties de camembert

Paramètres des parts de camembert

Pointeur

 ==>

 

6

Pointeur vers un tableau texte des paramètres des parties de camembert

Ce paramètre existe depuis la version 1.2 et est optionnel, il permet de définir les paramètres spécifiques d’une partie de camembert

Exemple : « range of extraction=100&ShowTheValue=no » va décaler la partie de camembert vers l’extérieur de 100px et ne va pas afficher la valeur sur cette partie même si l’affichage général est demandé.

Résultat

Image

  

Image incluant le code SVG

Description

Depuis la version 1.2 du composant vous pouvez détacher des parties du graphe et faire une extrusion centrale pour obtenir un graphe « Donut » Ce graphique sera encore amélioré dans la prochaine version. La prochaine version vous permettra, entre autre, de donner de la perspective et de l’épaisseur au graphe.

Exemple de code
				
					
Pour obtenir ce graphe il vous faudra utiliser le code ci-dessous
 // Nom utilisateur (OS) : Paul Kuhn - BlueCompany
 // ----------------------------------------------------
 // Méthode : Exemple_Camembert

 // Définition des paramètres de dessin génériques du graphe
TABLEAU TEXTE($DataGrapheName;0)
TABLEAU TEXTE($DataGraphe;0)
AJOUTER A TABLEAU($DataGrapheName;"Title")
AJOUTER A TABLEAU($DataGraphe;"Répartition du CA par région")  // 1 - titre du graphe

AJOUTER A TABLEAU($DataGrapheName;"GraphBGColor")
AJOUTER A TABLEAU($DataGraphe;"White")  // 2 - couleur du fond

AJOUTER A TABLEAU($DataGrapheName;"GraphFont")
AJOUTER A TABLEAU($DataGraphe;"times")  // 3 - Police du graphe

AJOUTER A TABLEAU($DataGrapheName;"ShowLegend")  // Echelles des valeurs
AJOUTER A TABLEAU($DataGraphe;"true")  // vrai/faux ou true/false

AJOUTER A TABLEAU($DataGrapheName;"TitleAlignement")  // Titre du graphe (ne s'affiche pas si vide)
AJOUTER A TABLEAU($DataGraphe;Chaine(Centré))

AJOUTER A TABLEAU($DataGrapheName;"ShowValue")  // affichage des titres sur les valeur de camembert
AJOUTER A TABLEAU($DataGraphe;"Name")

TABLEAU TEXTE(Legende;6)
Legende{1}:="Ile de France"
Legende{2}:="Provence - Cote d'azur"
Legende{3}:="Rhône-alpe"
Legende{4}:="Bretagne"
Legende{5}:="Nord"
Legende{6}:="Autres"

TABLEAU REEL(ValueC;6)
Boucle ($i;1;6)
ValueC{$i}:=(Hasard%(101))
Fin de boucle 

TABLEAU TEXTE(couleur;6)
couleur{1}:="lightsteelblue"
couleur{2}:="pink"
couleur{3}:="chocolate"
couleur{4}:="darksalmon"
couleur{5}:="red"
couleur{6}:="green"

TABLEAU TEXTE($PartsParameters;6)
PartsParameters{2}:="range of extraction=50"

TheGraphe:=SGR_Generate_Pie (->$DataGrapheName;->$DataGraphe;->Legende;->ValueC;->couleur;->$PartsParameters)

				
			
Paramètres

Paramètres

Type

 

N° du paramètre

Description

Nom des paramètres du graphe

Texte

==> 

1

Pointeur vers un tableau texte qui contient le nom des paramètres, ce tableau doit avoir la même taille que le tableau des valeurs de paramètres du graphe

Les valeurs possible de paramètre du graphe sont les suivantes :

Paramètres généraux du graphe

  • « Police du graphe » ou « GraphFont » : Police du titre et polices par défaut des légendes et des échelles (arial par défaut)
  • « Couleur de fond du graphe » ou « GraphBGColor » : Couleur du fond du graphe « Couleur 2 de fond du graphe » ou « GraphBGColor2 » : Deuxième couleur du fond du graph, si vous spécifiez une deuxième couleur et quelle est différente de la première vous obtiendrez un dégradé

Paramètres du titre

  • « Titre » ou « Title » : titre du graphe
  • « alignement du titre » ou « TitleAlignement » : Alignement du titre 0,1,2,3
  • « TitleFontSize » ou « Taille de la police du titre » : Taille de la police du titre
  • « TitleFontStyle » ou « Style de la police du titre » : Style de la police du titre (ex chaine(gras+italique))
  • « TitleFontColor » ou « Couleur de la police du titre » : Couleur de la police du titre
  • « TitleVerticalOffSet » : Offset vertical du titre en px

Paramètres des valeurs

  • « ShowValue » ou « Affichage des valeurs » (oui/non/value/name/%)
  • « ValueFont » ou « Police des valeurs » : police des valeurs affichées sur le graphe
  • « ValueFontSize » ou « Taille de la police des valeurs » : Taille de la police des valeurs affichées sur le graphe
  • « ValueFontStyle » ou « Style de la police des valeurs » : style de la police des valeurs affichées sur le graphe
  • « ValueFontColor » ou « Couleur de la police des valeurs » : Couleur de la police des valeurs affichées sur le graphe
  • « Format des valeurs » ou « Valueformat » : Chaine de formatage des valeurs au format 4D (ex. « ### ##0.00 % »)

Paramètres de la légende

  • « Affichage de la légende » ou « ShowLegend » : Affichage de la légende « oui », « vrai », « true », « yes », « non », « no », « Faux », « false »
  • « Police de la légende » ou « legendFont » : Police de la légende, si cette valeur est passée, elle remplace la « police du graphe »
  • « LegendFontSize » ou « Taille de la police de la légende » : Taille de la police de la légende
  • « LegendFontStyle » ou « Style de la police de la légende » : Style de la police de la légende
  • « LegendFontColor » ou « Couleur de la police de la légende » : Couleur de la police de la légende
  • « LegendBGcolor » ou « Couleur de fond de la légende » : Couleur de fond du rectangle de légende (« White:0 » pour une transparence)

Valeurs des paramètres du graphe

Texte

==> 

2

Pointeur vers un tableau texte des valeurs de paramètres du graphe

Légendes

Pointeur

 ==>

 

3

Pointeur vers un tableau texte des noms des parties de camembert

Valeurs

Pointeur

 ==>

 

4

Pointeur vers un tableau Réel des valeurs des parties de camembert

Couleurs

Pointeur

 ==>

 

5

Pointeur vers un tableau texte des couleurs des parties de camembert

Résultat

Image

  

Image incluant le code SVG

Description
Exemple de code
				
					Pour obtenir ce graphe il vous faudra utiliser le code ci-dessous
 // Nom utilisateur (OS) : Paul Kuhn - BlueCompany
 // ----------------------------------------------------
 // Méthode : Exemple_CamembertProportionnel

 // Définition des paramètres de dessin génériques du graphe
TABLEAU TEXTE($DataGrapheName;0)
TABLEAU TEXTE($DataGraphe;0)

AJOUTER A TABLEAU($DataGrapheName;"Title")
AJOUTER A TABLEAU($DataGraphe;"Répartition du CA par région")  // 1 - titre du graphe

AJOUTER A TABLEAU($DataGrapheName;"GraphBGColor")
AJOUTER A TABLEAU($DataGraphe;"White")  // 6 - Couleur du fond

AJOUTER A TABLEAU($DataGrapheName;"GraphFont")
AJOUTER A TABLEAU($DataGraphe;"times")  // 3 - Police du graphe

AJOUTER A TABLEAU($DataGrapheName;"ValueFormat")
AJOUTER A TABLEAU($DataGraphe;"### ##0.0 M€")  // 3 - Police du graphe

AJOUTER A TABLEAU($DataGrapheName;"ShowLegend")  
AJOUTER A TABLEAU($DataGraphe;"true")  // vrai/faux ou true/false

AJOUTER A TABLEAU($DataGrapheName;"TitleAlignement")  // Titre du graphe (ne s'affiche pas si vide)
AJOUTER A TABLEAU($DataGraphe;Chaine(Aligné au centre))

AJOUTER A TABLEAU($DataGrapheName;"LegendFontColor")
AJOUTER A TABLEAU($DataGraphe;"purple")

AJOUTER A TABLEAU($DataGrapheName;"LegendBGcolor")
AJOUTER A TABLEAU($DataGraphe;"purple:10")

AJOUTER A TABLEAU($DataGrapheName;"TitleFontSize")
AJOUTER A TABLEAU($DataGraphe;Chaine(80))

AJOUTER A TABLEAU($DataGrapheName;"ValueFontStyle")
AJOUTER A TABLEAU($DataGraphe;Chaine(Gras))

AJOUTER A TABLEAU($DataGrapheName;"ValueFont")
AJOUTER A TABLEAU($DataGraphe;"BRAZIL")

AJOUTER A TABLEAU($DataGrapheName;"ValueFontSize")
AJOUTER A TABLEAU($DataGraphe;Chaine(ValueFontSize))

AJOUTER A TABLEAU($DataGrapheName;"LegendFontSize")
AJOUTER A TABLEAU($DataGraphe;Chaine(48))

AJOUTER A TABLEAU($DataGrapheName;"ShowValue")  // affichage des titres sur les valeur de camembert
AJOUTER A TABLEAU($DataGraphe;"Value")

TABLEAU TEXTE(Legende;8)
Legende{1}:="Ile de France"
Legende{2}:="Provence - Cote d'azur"
Legende{3}:="Rhône-alpes"
Legende{4}:="Bretagne"
Legende{5}:="Nord"
Legende{6}:="Grand-Est"
Legende{7}:="Nord"
Legende{8}:="Autres"

TABLEAU REEL(ValueC;8)
ValueC{1}:=14,7
ValueC{2}:=8,4
ValueC{3}:=15,5
ValueC{4}:=11,4
ValueC{5}:=8,2
ValueC{6}:=1,1
ValueC{7}:=2,3
ValueC{8}:=5,8 

TABLEAU TEXTE(couleur;8)
couleur{1}:="Purple"
couleur{2}:="Lightblue"
couleur{3}:="darkblue"
couleur{4}:="Red"
couleur{5}:="Lightgreen"
couleur{6}:="brown"
couleur{7}:="Orange"
couleur{8}:="green"

TheGraphe:=SGR_Generate_ProportionalPie (->$DataGrapheName;->$DataGraphe;->Legende;->ValueC;->couleur)

				
			
Paramètres

Paramètres

Type

 

N° du paramètre

Description

Nom des paramètre du graphe

Pointeur

 ==>

 

1

Pointeur vers un tableau texte qui contient le nom des paramètres, ce tableau doit avoir la même taille que le tableau des valeurs de paramètres du graphe

Les valeurs possible de paramètre du graphe sont les suivantes :

Paramètres généraux du graphe

  • « Police du graphe » ou « GraphFont » : Police du titre et polices par défaut des légendes et des échelles (arial par défaut)
  • « Affichage des axes » ou « ShowAxis » : « yes », « oui », « non » ou « no » (défaut : »yes »)
  • « Couleur du fond du cercle » ou « CircleBGColor » : Couleur du fond du cercle du graphe (défaut : »White »)
  • « Couleur du périmètre » ou « PerimeterColor » : Couleur du périmètre du cercle du graphe (défaut : »black »)
  • « ConcentricCirclesColor » : couleur des cercles concentriques d’échelle (défaut si aucune valeur n’est passée : »Pink :10″) pour le pas l’afficher passer une valeur vide «  »
  • « ScaleUnit » ou « Unité » : unité des graduation radiales : radian, grade, rose des vents(fantail) ou degré(degree) (défaut : »degré »)
  • « PerimeterGraduation » ou « Graduation périmétrique » : Affichage des graduations périmétriques
  • graduation radiale de 10 en 10 (oui / Non)
  • « LegendLanguage » ou « Langue de la légende » : Utilisé pour l’affichage sur le pourtour du cercle en cas de rose des vents : french ou english (défaut : « French »)
  • « Couleur de fond du graphe » ou « GraphBGColor » : Couleur du fond du graphe
  • « Couleur 2 de fond du graphe » ou « GraphBGColor2 » : Deuxième couleur du fond du graph, si vous spécifiez une deuxième couleur et quelle est différente de la première vous obtiendrez un dégradé

Paramètres du titre

  • « Titre » ou « Title » : titre du graphe
  • « alignement du titre » ou « TitleAlignement » : Alignement du titre 0,1,2,3
  • « TitleFontSize » ou « Taille de la police du titre » : Taille de la police du titre
  • « TitleFontStyle » ou « Style de la police du titre » : Style de la police du titre (ex chaine(gras+italique))
  • « TitleFontColor » ou « Couleur de la police du titre » : Couleur de la police du titre
  • « TitleVerticalOffSet » ou « Décalage vertical du titre » : Décalage vertical en px pour un ajustement fin de sa position

Paramètres de la légende

  • « Affichage de la légende » ou « ShowLegend » : Affichage de la légende « oui », « vrai », « true », « yes », « non », « no », « Faux », « false »
  • « Police de la légende » ou « legendFont » : Police de la légende, si cette valeur est passée, elle remplace la « police du graphe »
  • « LegendFontSize » ou « Taille de la police de la légende » : Taille de la police de la légende
  • « LegendFontStyle » ou « Style de la police de la légende » : Style de la police de la légende
  • « LegendFontColor » ou « Couleur de la police de la légende » : Couleur de la police de la légende
  • « LegendBGcolor » ou « Couleur de fond de la légende » : Couleur de fond du rectangle de légende (« White:0 » pour une transparence)

valeurs des paramètre du graphe

Pointeur

==> 

2

Pointeur vers un tableau texte valeurs des paramètres du graphe

Données des série

Pointeur

==> 

3

Pointeur vers un tableau texte des paramètres de série

  1. Nom
  2. Couleur
  3. Symbole (rond, carré, triangle, étoile)

DataSerie

Pointeur

 ==>

 

4

Pointeur vers un tableau texte à 2 dimensions des paramètres des séries

Distances

Pointeur

 ==>

 

5

Pointeur vers un tableau réel des distances par rapport au centre

angles

Pointeur

 ==>

 

6

Pointeur vers un tableau réel des angles en degrés

Résultat

Image

  

Image incluant le code SVG

Description

Vous pouvez changer les symboles, les couleurs pour chaque série.

Vous pouvez afficher des graduations en degrés, radians ou grades ou demander une rose des vents.

Exemple de code
				
					 // Nom utilisateur (OS) : Paul Kuhn - BlueCompany
 // ----------------------------------------------------
 // Méthode : Exemple_DiagrammePolaire
 // Description
 // 
 //
 // Paramètres
 // ----------------------------------------------------


 // Définition des paramètre de dessin génériques du graphe
TABLEAU TEXTE($DataGrapheName;0)
TABLEAU TEXTE($DataGraphe;0)
AJOUTER A TABLEAU($DataGrapheName;"Title")
AJOUTER A TABLEAU($DataGraphe;"Répartition des ressources autour de chez vous")  // 1 - titre du graphe

AJOUTER A TABLEAU($DataGrapheName;"TitleAlignement")
AJOUTER A TABLEAU($DataGraphe;Chaine(Centré))  // 4 - Alignement du Titre du graphe

AJOUTER A TABLEAU($DataGrapheName;"FontSize")
AJOUTER A TABLEAU($DataGraphe;"30")  // 2 - taille du libellé

AJOUTER A TABLEAU($DataGrapheName;"GraphBGColor")
AJOUTER A TABLEAU($DataGraphe;"Lightgrey")  // 3 - couleur du fond

AJOUTER A TABLEAU($DataGrapheName;"ShowLegend")
AJOUTER A TABLEAU($DataGraphe;"oui")  // 4 - Echelle

AJOUTER A TABLEAU($DataGrapheName;"ShowAxis")
AJOUTER A TABLEAU($DataGraphe;"oui")  // 5 - Affichage des axes

AJOUTER A TABLEAU($DataGrapheName;"PerimeterGraduation")
AJOUTER A TABLEAU($DataGraphe;"oui")  // 6 - Affichage des graduations périmétriques

AJOUTER A TABLEAU($DataGrapheName;"PerimeterColor")
AJOUTER A TABLEAU($DataGraphe;"Blue")  // 7 - couleur du périmetre du cercle

AJOUTER A TABLEAU($DataGrapheName;"CircleBGColor")
AJOUTER A TABLEAU($DataGraphe;"blue:10")  // 8 - couleur du fond du cercle

AJOUTER A TABLEAU($DataGrapheName;"ConcentricCirclesColor")
AJOUTER A TABLEAU($DataGraphe;"purple:5")  // 9 - couleur des cercles concentriques d'échelle

AJOUTER A TABLEAU($DataGrapheName;"CircleBGColor")
Si (gradRad=1)
AJOUTER A TABLEAU($DataGraphe;"oui")  // 10 - graduation radiale de 10 en 10
Sinon 
AJOUTER A TABLEAU($DataGraphe;"non")  // 10 - graduation radiale de 10 en 10
Fin de si 

AJOUTER A TABLEAU($DataGrapheName;"ScaleUnit")
Au cas ou 
: (naturegrad=1)
AJOUTER A TABLEAU($DataGraphe;"degré")  // 11 - graduation radiale de 10 en 10 en degré
: (naturegrad=2)
AJOUTER A TABLEAU($DataGraphe;"radian")  // 11 - graduation radiale de 10 en 10 en radian
: (naturegrad=3)
AJOUTER A TABLEAU($DataGraphe;"grade")  // 11 - graduation radiale de 10 en 10 en grade
: (naturegrad=4)
AJOUTER A TABLEAU($DataGraphe;"rose des vents")  // 11 - graduation radiale en rose des vents
Sinon 
AJOUTER A TABLEAU($DataGraphe;"degré")  // 11 - graduation radiale de 10 en 10 en degré
Fin de cas 

AJOUTER A TABLEAU($DataGrapheName;"GraphFont")
AJOUTER A TABLEAU($DataGraphe;"times")  // 12 - Police du graphe


TABLEAU TEXTE(DataSerie;3;3)
DataSerie{1}{1}:="Cinema"
DataSerie{1}{2}:="Purple"
DataSerie{1}{3}:="rond"  // marque : carré/rond/triangle

DataSerie{2}{1}:="Station essence"
DataSerie{2}{2}:="blue"
DataSerie{2}{3}:="triangle"  // marque : carré/rond/triangle

DataSerie{3}{1}:="Services de secours"
DataSerie{3}{2}:="red"
DataSerie{3}{3}:="étoile"  // marque : carré/rond/triangle

 // définition du tableau à 2 dimensions des distances
TABLEAU REEL(Distance;0;0)
TABLEAU REEL(Distance;3;5)
Distance{1}{1}:=5
Distance{1}{2}:=30
Distance{1}{3}:=70

Distance{2}{1}:=20
Distance{2}{2}:=47
Distance{2}{3}:=20
Distance{2}{4}:=40
Distance{2}{5}:=60

Distance{3}{1}:=40
Distance{3}{2}:=65

 // définition du tableau à 2 dimensions des angles
TABLEAU REEL(angles;0;0)
TABLEAU REEL(angles;3;5)
angles{1}{1}:=405
angles{1}{2}:=220
angles{1}{3}:=330

angles{2}{1}:=290
angles{2}{2}:=30
angles{2}{3}:=150
angles{2}{4}:=65
angles{2}{5}:=180

angles{3}{1}:=335
angles{3}{2}:=60

TheGraphe:=SGR_Generate_PolarGraph (->$DataGrapheName;->$DataGraphe;->DataSerie;->Distance;->angles)


				
			
Paramètres

Paramètres

Type

 

N° du paramètre

Description

DataGrapheName

Pointeur

==> 

1

Pointeur vers un tableau texte qui contient le nom des paramètres, ce tableau doit avoir la même taille que le tableau des valeurs de paramètres du graphe

Les valeurs possible de paramètre du graphe sont les suivantes :

Paramètres généraux du graphe

  • « Police du graphe » ou « GraphFont » : Police du titre et polices par défaut des légendes et des échelles (arial par défaut)
  • « Couleur de fond du graphe » ou « GraphBGColor » : Couleur du fond du graphe
  • « Couleur 2 de fond du graphe » ou « GraphBGColor2 » : Deuxième couleur du fond du graph, si vous spécifiez une deuxième couleur et quelle est différente de la première vous obtiendrez un dégradé
  • « ShowScale » ou « Affichage des échelles » : affiche les fils de la toile pour une lecture de 10 en 10

Paramètres du titre

  • « Titre » ou « Title » : titre du graphe
  • « alignement du titre » ou « TitleAlignement » : Alignement du titre 0,1,2,3
  • « TitleFontSize » ou « Taille de la police du titre » : Taille de la police du titre
  • « TitleFontStyle » ou « Style de la police du titre » : Style de la police du titre (ex chaine(gras+italique))
  • « TitleFontColor » ou « Couleur de la police du titre » : Couleur de la police du titre
  • « TitleVerticalOffSet » ou « Décalage vertical du titre » : Décalage vertical en px pour un ajustement fin de sa position

Paramètres de la légende

  • « Affichage de la légende » ou « ShowLegend » : Affichage de la légende « oui », « vrai », « true », « yes », « non », « no », « Faux », « false »
  • « Police de la légende » ou « legendFont » : Police de la légende, si cette valeur est passée, elle remplace la « police du graphe »
  • « LegendFontSize » ou « Taille de la police de la légende » : Taille de la police de la légende
  • « LegendFontStyle » ou « Style de la police de la légende » : Style de la police de la légende
  • « LegendFontColor » ou « Couleur de la police de la légende » : Couleur de la police de la légende
  • « LegendBGcolor » ou « Couleur de fond de la légende » : Couleur de fond du rectangle de légende (« White:0 » pour une transparence)

DataGrapheValue

Pointeur

==> 

2

Pointeur vers un tableau texte des valeurs de paramètre du graphe

axes

Pointeur

 ==>

 

3

Pointeur vers un tableau texte des noms des axes (minimum 3)

DataSerie

Pointeur

 ==>

 

4

Pointeur vers un tableau texte à 2 dimensions des paramètres des séries

Value

Pointeur

 ==>

 

5

Pointeur vers un tableau réel des valeurs entre 0 et 100

  • Le premier indice correspond à la série et le deuxième à l’axe
  • Ce tableau doit être dimensionné ainsi : TABLEAU REEL(Value;NbreDeSeries;NbreAxes)

Résultat

Image

  

Image incluant le code SVG

Description
Exemple de code
				
					Pour obtenir ce graphe il vous faudra utiliser le code ci-dessous
 // Nom utilisateur (OS) : Paul Kuhn - BlueCompany
 // ----------------------------------------------------
 // Méthode : Exemple_Kiviat

 // Définition des paramètre de dessin génériques du graphe
TABLEAU TEXTE($DataGraphe;0)
TABLEAU TEXTE($DataGrapheName;0)
AJOUTER A TABLEAU($DataGrapheName;"Title")
AJOUTER A TABLEAU($DataGraphe;"Exemple de graphe en étoile")

AJOUTER A TABLEAU($DataGrapheName;"TitleAlignement")
AJOUTER A TABLEAU($DataGraphe;Chaine(Centré))

AJOUTER A TABLEAU($DataGrapheName;"GraphBGColor")
AJOUTER A TABLEAU($DataGraphe;"White")

AJOUTER A TABLEAU($DataGrapheName;"ShowScale")
AJOUTER A TABLEAU($DataGraphe;"oui")  // 4 - Echelle 

AJOUTER A TABLEAU($DataGrapheName;"GraphFont")
AJOUTER A TABLEAU($DataGraphe;"times")  // 5 - Police du graphe

 // Définition des axes d'analyse
TABLEAU TEXTE(axes;0)
AJOUTER A TABLEAU(axes;"Performance")
AJOUTER A TABLEAU(axes;"Rapidité")
AJOUTER A TABLEAU(axes;"Communauté")
AJOUTER A TABLEAU(axes;"Simplicité")
AJOUTER A TABLEAU(axes;"Portabilité")
AJOUTER A TABLEAU(axes;"Coûts")
AJOUTER A TABLEAU(axes;"Opé Diverses")

 // Définition du tableau a 2 dimensions des paramètre de dessin des séries
TABLEAU TEXTE(DataSerie;2;5)
DataSerie{1}{1}:="Juliette Kuhn"
DataSerie{1}{2}:="Pink"
DataSerie{1}{3}:="red:10"  // remplissage
DataSerie{1}{4}:="3"
DataSerie{1}{5}:="losange"

DataSerie{2}{1}:="Estelle Kuhn"
DataSerie{2}{2}:="blue"
DataSerie{2}{3}:="blue:20"
DataSerie{2}{4}:="10"
DataSerie{2}{5}:="triangle"

 // définition du tableau à 2 dimensions des valeurs à tracer
TABLEAU REEL(Value;2;7)
 // Donnée de la série 1 : Juliette Kuhn
Value{1}{1}:=50
Value{1}{2}:=40
Value{1}{3}:=30
Value{1}{4}:=50
Value{1}{5}:=50
Value{1}{6}:=50
Value{1}{7}:=90

 // Donnée de la série 2 : Estelle Kuhn
Value{2}{1}:=75
Value{2}{2}:=30
Value{2}{3}:=75
Value{2}{4}:=80
Value{2}{5}:=91
Value{2}{6}:=75
Value{2}{7}:=25

 // appel de la commande générant le graphe
TheGraphe:=SGR_Generate_Kiviat (->$DataGrapheName;->$DataGraphe;->axes;->DataSerie;->Value)

				
			
Paramètres

Paramètres

Type

 

N° du paramètre

Description

Paramètres du graphe

Pointeur

==> 

1

Pointeur vers un tableau texte qui contient le nom des paramètres, ce tableau doit avoir la même taille que le tableau des valeurs de paramètres du graphe

Les valeurs possible de paramètre du graphe sont les suivantes :

Paramètres généraux du graphe

  • « CentralAxisPosition » ou « Orientation de l’axe central » : Orientation de la pyramide (vertical ou horizontal) (défaut : vertical)
  • « ScalePosition » ou « Position de l’échelle »: Position de l’échelle par rapport à la pyramide (Droite, Gauche ou Centre)(défaut : center)
  • « FirstValue » ou « PremiereValeur » : Première valeur à tracer (défaut : 0)
  • « LastValue » ou « DerniereValeur » : Valeur maximum à tracer (défaut : 120 pour une pyramide des ages, c’est bien 120)
  • « groupingValues » : Nombre de valeurs a regrouper par exemple par tranche de 5 ans dans une pyramide des ages
  • « ContourBars » ou « Affichage du contour des barres » : Contour des barres (Oui/non)
  • « ValueFormat » ou « Format des valeurs » : Format des valeur en bout de barre (%, Valeurs)
  • « spaceBetweenBars » ou « Espace entre les barres » : Espace entre les barres en pixels
  • « ShowScale » ou « Afficher l’échelle » : Affichage d’une échelle de valeur
  • « ScaleUnit » ou « Unité » : Unité des valeurs
  • « ValuesPosition » ou « Position des valeurs » : Position des valeurs en bout de barre (InSide, OutSide)
  • « Police du graphe » ou « GraphFont » : Police du titre et polices par défaut des légendes et des échelles (arial par défaut)
  • « Couleur de fond du graphe » ou « GraphBGColor » : Couleur du fond du graphe
  • « Couleur 2 de fond du graphe » ou « GraphBGColor2 » : Deuxième couleur du fond du graph, si vous spécifiez une deuxième couleur et quelle est différente de la première vous obtiendrez un dégradé

Paramètres du titre

  • « Titre » ou « Title » : titre du graphe
  • « alignement du titre » ou « TitleAlignement » : Alignement du titre 0,1,2,3
  • « TitleFontSize » ou « Taille de la police du titre » : Taille de la police du titre
  • « TitleFontStyle » ou « Style de la police du titre » : Style de la police du titre (ex chaine (gras + italique))
  • « TitleFontColor » ou « Couleur de la police du titre » : Couleur de la police du titre
  • « TitleVerticalOffSet » ou « Décalage vertical du titre » : Décalage vertical en px pour un ajustement fin de sa position

Valeurs des paramètres du graphe

pointeur

 ==>

 

2

Pointeur vers le tableau des valeurs des paramètres ce tableau doit être de même taille que le précédent

info_pyramideG

Pointeur

 ==>

 

3

Pointeur vers un tableau texte des paramètres de la partie gauche de la pyramide

  1. Légende
  2. Couleur (SVG ou RVB)
  3. Opacité (0 à 100)
  4. Affichage des valeurs du côté gauche (oui, non)

info_pyramideD

Pointeur

 ==>

 

4

Pointeur vers un tableau texte des paramètres de la partie droite de la pyramide

  1. Légende
  2. Couleur (SVG ou RVB)
  3. Opacité (0 à 100)
  4. Affichage des valeurs du côté droit (oui, non)

ValueG

Pointeur

 ==>

 

5

Pointeur vers un tableau réel des valeurs de la partie gauche de la pyramide

ValueD

Pointeur

 ==>

 

6

Pointeur vers un tableau réel des valeurs de la partie droite de la pyramide

Ce tableau doit avoir la même taille que le tableau pointé par ValueG

ValueD

Pointeur

 ==>

 

7

Pointeur vers un texte, ce paramètre est optionnel et permet de récupérer le code SVG du graphe

Résultat

Image

  

Image incluant le code SVG

Description
Exemple de code
				
					Pour obtenir ce graphe il vous faudra utiliser le code ci-dessous
 // Nom utilisateur (OS) : Paul Kuhn - BlueCompany
 // Date et heure : 18/04/13, 20:51:51
 // ----------------------------------------------------
 // Méthode : Exemple_Pyramide
 // Description
 // 
 //
 // Paramètres
 // ----------------------------------------------------

TABLEAU TEXTE($DataGraphe;15)
$DataGraphe{1}:="Ma pyramide"  // Titre du graphe (ne s'affiche pas si vide)
$DataGraphe{2}:="lightblue:15"  // Couleur du fond
$DataGraphe{3}:="Droite"  // Position de l'échelle verticale (Droite, gauche ou centre ou vide pour aucune légende)
$DataGraphe{4}:="20"  // première valeur a tracer
$DataGraphe{5}:=""  // valeur maxi a tracer
$DataGraphe{6}:="5"  // nombre de valeur a regrouper
$DataGraphe{7}:="Vertical"  // position de l'axe médian
$DataGraphe{8}:="non"  // Contour des barres
$DataGraphe{9}:="non"  // Reflet sur les barres
$DataGraphe{10}:="%"  // Affichage du legende au bout des barres ("%" ou Valeur)
$DataGraphe{11}:="20"  //espace entre les barres
$DataGraphe{12}:="non"  // Echelles des valeurs
$DataGraphe{13}:="(en milliers)"  // unité
$DataGraphe{14}:="OutSide"
$DataGraphe{15}:="Times"

TABLEAU TEXTE($info_pyramideG;5)  // données de la partie de gauche
$info_pyramideG{1}:="Hommes"  // Légende
$info_pyramideG{2}:="blue"  // couleur
$info_pyramideG{3}:="75"  // Opacité
$info_pyramideG{4}:="oui"  // Affichage des valeurs

TABLEAU TEXTE($info_pyramideD;4)  // données de la partie de droite
$info_pyramideD{1}:="Femmes"  //Légende
$info_pyramideD{2}:="red"  // couleur
$info_pyramideD{3}:="50"  // Opacité
$info_pyramideD{4}:="oui"  // Affichage des valeurs

TABLEAU REEL($ValueG;119)
TABLEAU REEL($ValueD;119)
Boucle ($i;1;Taille tableau($ValueG))
$ValueG{$i}:=(Hasard%(1000))+((120-$i)*10)
$ValueD{$i}:=(Hasard%(1100))+((120-$i)*11)
Fin de boucle 

TheGraphe:=SGR_Generate_Pyramid (->$DataGraphe;->$info_pyramideG;->$info_pyramideD;->$ValueG;->$ValueD)

				
			
Paramètres

Paramètres

Type

 

N° du paramètre

Description

Paramètres du graphe

Pointeur

==> 

1

Pointeur vers un tableau texte qui contient le nom des paramètres, ce tableau doit avoir la même taille que le tableau des valeurs de paramètres du graphe

Les valeurs possible de paramètre du graphe sont les suivantes :

Paramètres généraux du graphe

  • « ShowSection » : Affichage des zones de sections yes/no (défaut : yes)

Paramètres des dates

  • « StartingDay » : date de début d’affichage (par défaut la date du jour)
  • « LastDay » : date de fin d’affichage (par défaut la date du jour)
  • « DayAreaHeight » : Hauteur d’affichage de la zone des jours (défaut : 30px)
  • « ShowDate » : Affichage des dates yes/no (défaut : yes)
  • « DateAndHoursFont » : nom de la police (défaut : Arial)
  • « DateFontSize » : taille de la police de caractère des dates (défaut : 18)
  • « LegendeDrawing » : Réservé pour une utilisation future
  • « ScalePlace » : Position des échelles top, down ou les deux (défaut : top)
  • « EveryNdays » : Affichage des dates tous les N jours, 1 = tous les jours, 2 tous les deux jours, 3 tous les 3 jours… (défaut : 1)
  • « DateFormat » : format d’affichage des dates : JJ, JJ-MM, JJ-MMM, Chaine(Interne date court) (défaut : Chaine(Interne date court))
  • « HideDatesFrames » : Masquer le cadre et les traits pour les zone de dates et d’heure , yes ou no (défaut : no)
  • « EveryNdays » : D’afficher une date sur N pour alléger l’affichage , yes ou no (défaut : 1 toutes les dates sont affichées)

Paramètres des heures

  • « StartingHour » : Heure de début d’affichage (défaut 00:00:00)
  • « EndingHour » : Heure de fin d’affichage (défaut 24:00:00)
  • « HourFontSize » : taille de la police de caractère des dates (défaut : 12)
  • « HourAreaHeight » : Hauteur de la zone d’affichage des heures
  • « HourWidth » : Largeur d’un heure en px (défaut : 20)
  • « ShowHours » : Afficher les heures yes/no (défaut : yes)
  • « HourStepMarkers » : Nombre d’intervalles pour l’affichage des heures (défaut : 12 donc si affichage de 00 :00 :00 à 24 :00 :00 affichage toutes les 2 heures, affichage de 12 intervalles et de 11 heures allant de 2 à 22)
  • « DateAndHoursFont » : nom de la police (défaut : Arial)

Paramètres des labels

  • « LabelSize » : Largeur en pixel de la colonne des labels : la première (défaut 200px)

Valeurs des paramètres du graphe

pointeur

 ==>

 

2

Pointeur vers le tableau texte des valeurs des paramètres ce tableau doit être de même taille que le précédent

Nom des sections

Pointeur

 ==>

 

3

Pointeur vers un tableau texte des nom de sections.

Les sections sont des regroupements de taches.

ID des sections

Pointeur

 ==>

 

4

Pointeur vers un tableau texte des ID de section

Aspect des section

Pointeur

 ==>

 

5

Pointeur vers un tableau texte. Vous pouvez par exemple passer dans ce texte : »Height=50&BGcolor=burlywood&fontsize=24&FontColor=red&comment=200 m2″

  • Height : hauteur de la section en px (défaut : 30)
  • BGcolor : Couleur de fond de la section (défaut : white)
  • FontColor : Couleur de police de la section (défaut : black)
  • fontsize : Taille de police de la section (défaut : 24)
  • font : police de la section (défaut : arial)
  • Comment : Commentaire à afficher à côté de la section (défaut : «  »)

Nom des taches

Pointeur

 ==>

 

6

Pointeur vers un tableau texte

ID des taches

Pointeur

 ==>

 

7

Pointeur vers un tableau texte

ID des sections des taches

Pointeur

 ==>

 

8

Pointeur vers un tableau texte

Aspect des taches

Pointeur

 ==>

 

9

Pointeur vers un tableau texte

  • Height : hauteur de la tache en px (défaut : 30)
  • BGcolor : Couleur de fond de la tache (défaut : white)
  • FontColor : Couleur de police de la tache (défaut : black)
  • fontsize : Taille de police de la tache (défaut : 24)
  • font : police de la tache (défaut : arial)
  • Comment : Commentaire à afficher à côté de la tache (défaut : «  »)

Taches des événements

Pointeur

 ==>

 

10

Pointeur vers un tableau texte

Nom des événements

Pointeur

 ==>

 

11

Pointeur vers un tableau texte

ID des événements

Pointeur

 ==>

 

12

Pointeur vers un tableau texte

Date des événements

Pointeur

 ==>

 

13

Pointeur vers un tableau texte

Heure des événements

Pointeur

 ==>

 

14

Pointeur vers un tableau texte

Durée des événements

Pointeur

 ==>

 

15

Pointeur vers un tableau texte

Avancement des événements

Pointeur

 ==>

 

16

Pointeur vers un tableau texte

Apparence des événements

Pointeur

==> 

17

Pointeur vers un tableau texte

  • rx: rayon des coin de l’évènement en px (défaut : 0 coins carrés)
  • BGcolor : Couleur de fond de l’évènement (défaut : white)
  • BGcolor2 : Couleur de fond de l’évènement (défaut : white)
  • FontColor : Couleur de police de l’évènement (défaut : black)
  • fontsize : Taille de police de l’évènement (défaut : 12)
  • font : police de l’évènement (défaut : arial)
  • FontStyle: style de la police de l’évènement (défaut : normal)
  • DimY: Hauteur de l’évènement (défaut : 0 ) cela permet de sur-définir la hauteur de l’événement qui n’occupera pas, par exemple, la totalité de la hauteur de tache
  • PosY: Position de l’évènement dans la tache (défaut : 0) Cela permet de sur-définir la position de l’événement qui ne sera, par exemple, le haut de la tâche, c’est deux paramètres permettent d’afficher plusieurs événements pour une tache à la même date et même heure.

Résultat

Image

 

18

Image incluant le code SVG

Description
Exemple de code
				
					BIENTOT DISPONIBLE
				
			
Paramètres

Paramètres

Type

 

N° du paramètre

Description

Paramètres du graphe

Pointeur

==> 

1

Pointeur vers un tableau texte qui contient le nom des paramètres, ce tableau doit avoir la même taille que le tableau des valeurs de paramètres du graphe

Les valeurs possible de paramètre du graphe sont les suivantes :

Paramètres généraux du graphe

  • « Police du graphe » ou « GraphFont » : Police du titre et polices par défaut des légendes et des échelles (arial par défaut)
  • « SVGFile » ou « Fichier SVG » : chemin d’accès au fond de carte dans le dossier « ressource » de 4D
  • « ShowLegend » ou « Affichage d’une légende » : afficher une légende
  • « LegendLanguage » ou « Langue de la légende » : langue de la légende Français ou English (défaut : french)
  • « Couleur de fond du graphe » ou « GraphBGColor » : Couleur du fond du graphe
  • « Couleur 2 de fond du graphe » ou « GraphBGColor2 » : Deuxième couleur du fond du graph, si vous spécifiez une deuxième couleur et quelle est différente de la première vous obtiendrez un dégradé

Paramètres du titre

  • « Titre » ou « Title » : titre du graphe
  • « alignement du titre » ou « TitleAlignement » : Alignement du titre 0,1,2,3
  • « TitleFontSize » ou « Taille de la police du titre » : Taille de la police du titre
  • « TitleFontStyle » ou « Style de la police du titre » : Style de la police du titre (ex chaine (gras + italique))
  • « TitleFontColor » ou « Couleur de la police du titre » : Couleur de la police du titre
  • « TitleVerticalOffSet » ou « Décalage vertical du titre » : Décalage vertical en px pour un ajustement fin de sa position

Valeurs des paramètres du graphe

pointeur

 ==>

 

2

Pointeur vers le tableau des valeurs des paramètres ce tableau doit être de même taille que le précédent

Valeurs limites

Pointeur

 ==>

 

3

Valeurs limites des paliers de valeurs

Couleurs

Pointeur

 ==>

 

4

Couleurs à appliquer à la représentation, vous devez définir une couleur de plus que vous n’avez indiqué de valeurs limites

ZoneID

Pointeur

 ==>

 

5

Tableau des ID des zones à mettre en couleur

Value

Pointeur

 ==>

 

6

Valeurs correspondant à chaque ID pour calculer la couleur en fonction des valeurs limites

Value

Pointeur

 ==>

 

7

Pointeur vers un tableau texte des légendes des paliers. Ce tableau doit être rempli comme le tableau des couleurs (la valeur « zéro » du tableau est utilisée.

Ce paramètre est optionnel

Résultat

Image

 

8

Image incluant le code SVG

Description

Cette commande permet de coloriser un fond de carte en fonction de valeurs et de gradients de couleurs.

Les zones sont répertoriées par leurs ID et manipulées à partir de ceux-ci.

Exemple de code
				
					 // User (OS) : Paul Kuhn - BlueCompany
 // Date  : 08/11/13, 10:42:04
 // ----------------------------------------------------
 // Method : Exemple_carte1
 // Description
 // 
 //
 // Parameters
 // ----------------------------------------------------

TABLEAU TEXTE($DataGrapheName;0)
TABLEAU TEXTE($DataGraphe;0)
AJOUTER A TABLEAU($DataGrapheName;"Title")
AJOUTER A TABLEAU($DataGraphe;"Répartition géographique des ventes")  // 1 - Titre du graphe

AJOUTER A TABLEAU($DataGrapheName;"SVGFile")
AJOUTER A TABLEAU($DataGraphe;"Fond_de_carte_France"+Séparateur dossier+"departements.svg")

AJOUTER A TABLEAU($DataGrapheName;"GraphFont")
AJOUTER A TABLEAU($DataGraphe;"Arial")  // Police des légendes et des échelles

AJOUTER A TABLEAU($DataGrapheName;"GraphBGColor")
AJOUTER A TABLEAU($DataGraphe;"LightBlue:30")  // Couleur du fond

AJOUTER A TABLEAU($DataGrapheName;"ShowLegend")
AJOUTER A TABLEAU($DataGraphe;"Oui")  // Affichage de la légende

AJOUTER A TABLEAU($DataGrapheName;"LegendLanguage")
AJOUTER A TABLEAU($DataGraphe;"English")  // Affichage de la légende

TABLEAU REEL($valeur_limite;3)
$valeur_limite{1}:=30
$valeur_limite{2}:=60
$valeur_limite{3}:=90

TABLEAU TEXTE($couleur;3)
$couleur{0}:="aquamarine"
$couleur{1}:="deepskyblue"
$couleur{2}:="dodgerblue"
$couleur{3}:="midnightblue"

TABLEAU REEL($Value;95)
TABLEAU TEXTE($ZoneID;95)
Boucle ($i;1;95)
$ZoneID{$i}:=Chaine($i;"00")
$Value{$i}:=(Hasard%(101))
Fin de boucle 
$ZoneID{20}:="2A"
INSERER DANS TABLEAU($ZoneID;21;1)
$ZoneID{21}:="2B"
INSERER DANS TABLEAU($Value;21;1)
$Value{21}:=$Value{20}

TheGraphe:=SGR_DrawMap (->$DataGrapheName;->$DataGraphe;->$valeur_limite;->$couleur;->$ZoneID;->$Value)


				
			
Paramètres

Paramètres

Type

 

N° du paramètre

Description

Nom des paramètres du graphe

Pointeur

 ==>

 

1

Pointeur vers un tableau texte qui contient le nom des paramètres, ce tableau doit avoir la même taille que le tableau des valeurs de paramètres du graphe

Les valeurs possible de paramètre du graphe sont les suivantes :

Paramètres du titre

  • « Titre » ou « Title » : titre du graphe
  • « alignement du titre » ou « TitleAlignement » : Alignement du titre 0,1,2,3
  • « Police du graphe » ou « GraphFont » : Police du titre et polices par défaut des légendes et des échelles (arial par défaut)
  • « TitleFontSize » ou « Taille de la police du titre » : Taille de la police du titre
  • « TitleFontStyle » ou « Style de la police du titre » : Style de la police du titre (ex chaine (gras + italique))
  • « TitleFontColor » ou « Couleur de la police du titre » : Couleur de la police du titre
  • « TitleVerticalOffSet » ou « Décalage vertical du titre » : Décalage vertical en px pour un ajustement fin de sa position
  • « GraphBGColor » ou « Couleur de fond du graphe » : Couleur du fond du tableau
  • « GraphBorderColor » ou « Couleur de bord du graphe » : Couleur du trait du bord du tableau
  • « CellMargin » ou « Marge interne des cellules » : Marge intérieur des cellules

Valeurs des paramètres du graphe

pointeur

 ==>

 

2

Pointeur vers le tableau des valeurs des paramètres ce tableau doit être de même taille que le précédent

Titre des lignes

pointeur

 ==>

 

3

Pointeur vers le tableau (texte)

Hauteur des lignes

pointeur

 ==>

 

4

Pointeur vers le tableau (Entier long)

Titre des colonnes

pointeur

 ==>

 

5

Pointeur vers le tableau (texte)

Largeur des colonnes

pointeur

 ==>

 

6

Pointeur vers le tableau (Entier long)

Valeurs

pointeur

 ==>

 

7

Pointeur vers le tableau (Texte 2 dimensions)

Images

pointeur

 ==>

 

8

Pointeur vers le tableau (Image 2 dimensions)

L’insertion des images tient compte du paramètre « align » du tableau de mise en forme. Elle tient aussi compte du contenu éventuelle de la cellule

Mise en forme des cellules

pointeur

==> 

9

Pointeur vers le tableau (Texte 2 dimensions)

Ce texte est composé comme une requête REST (ex: « background=mediumvioletred&align=center&fontcolor=white&Fontsize=14&Style=3 »)

Vous pouvez mettre ou omettre les guillemets autour du nom des attributs ou des valeurs

  • background=mediumvioletred&align=center&fontcolor=white&Fontsize=14&Style=3 est correct
  • « background »= »mediumvioletred »& »align »= »center »& »fontcolor »= »white »& »Fontsize »= »14″& »Style »= »3 » aussi

Les éléments 0 des tableaux sont utilisés pour la mise en page des entêtes de colonnes et titre de lignes

  • $LayoutArray{0}{n} correspond à la ligne n
  • $LayoutArray{n}{0} correspond à la colonne n

Vous pouvez utiliser les éléments suivants :

  • background : couleur de fond de la cellule
  • align : alignement de la cellule, les valeurs possibles sont « Center », « Right » ou « Left »
  • Font : Police de la cellule
  • fontcolor : Couleur de la police
  • Fontsize : Taille de la police
  • Style : Style de la police
  • Border : épaisseur du bord de la cellule
  • BorderColor : couleur du bord de la cellule
  • CellTextRotation : Rotation du texte en degrés

Tableau mis en forme

Image

 

Retour

Image du tableau mis en forme incluant le code SVG

Description

Cette commande permet d’obtenir l’image d’un tableau mis en page.

Exemple de code
				
					Pour obtenir ce tableau mis en page il vous faudra utiliser le code ci-dessous
 // Nom utilisateur (OS) : Paul Kuhn - BlueCompany
 // Date et heure : 23/12/13, 21:41:15
 // ----------------------------------------------------
 // Méthode : Exemple_Array1

C_IMAGE($rondVert)
$svgRef:=SVG_New 
$objectRef:=SVG_New_circle ($svgRef;10;10;7;"Black";"Lightgreen";1)
$rondVert:=SVG_Export_to_picture ($svgRef)
SVG_CLEAR ($svgRef)

C_IMAGE($rondrouge)
$svgRef:=SVG_New 
$objectRef:=SVG_New_circle ($svgRef;10;10;7;"Black";"red";1)
$rondrouge:=SVG_Export_to_picture ($svgRef)
SVG_CLEAR ($svgRef)

C_IMAGE($rondorange)
$svgRef:=SVG_New 
$objectRef:=SVG_New_circle ($svgRef;10;10;7;"Black";"darkorange";1)
$rondorange:=SVG_Export_to_picture ($svgRef)
SVG_CLEAR ($svgRef)


TABLEAU TEXTE($DataGrapheName;0)
TABLEAU TEXTE($DataGraphe;0)
AJOUTER A TABLEAU($DataGrapheName;"Title")
AJOUTER A TABLEAU($DataGraphe;"Profil")  // Titre du graphe

AJOUTER A TABLEAU($DataGrapheName;"GraphBGColor")
AJOUTER A TABLEAU($DataGraphe;"White")  // Couleur du fond

AJOUTER A TABLEAU($DataGrapheName;"GraphBorderColor")
AJOUTER A TABLEAU($DataGraphe;"White")  //Cadre au tour du graph

AJOUTER A TABLEAU($DataGrapheName;"GraphFont")
AJOUTER A TABLEAU($DataGraphe;"Tahoma")  // Police de base du tableau

AJOUTER A TABLEAU($DataGrapheName;"TitleAlignement")
AJOUTER A TABLEAU($DataGraphe;Chaine(Centré))  // Alignement du Titre du graphe

AJOUTER A TABLEAU($DataGrapheName;"TitleFontSize")
AJOUTER A TABLEAU($DataGraphe;"32")  // Alignement du Titre du graphe


TABLEAU TEXTE($LayoutArray;6;21)

Si (Vrai)  // Titres de lignes
TABLEAU TEXTE($LineTitle;0)
TABLEAU REEL($LineHeight;0)

$LineHeight{0}:=50
AJOUTER A TABLEAU($LineTitle;"Age")
AJOUTER A TABLEAU($LineHeight;30)
$LayoutArray{0}{1}:="background=mediumvioletred&align=center&fontcolor=white&Fontsize=14&Style=1"

AJOUTER A TABLEAU($LineTitle;"Moins de 30 ans")
AJOUTER A TABLEAU($LineHeight;30)

AJOUTER A TABLEAU($LineTitle;"De 30 à 40 ans")
AJOUTER A TABLEAU($LineHeight;30)

AJOUTER A TABLEAU($LineTitle;"De 41 à 50 ans")
AJOUTER A TABLEAU($LineHeight;30)

AJOUTER A TABLEAU($LineTitle;"De 51 à 60 ans")
AJOUTER A TABLEAU($LineHeight;30)

AJOUTER A TABLEAU($LineTitle;"Plus de 60 ans")
AJOUTER A TABLEAU($LineHeight;30)
AJOUTER A TABLEAU($LineTitle;"Nombre de personnes au foyer")
AJOUTER A TABLEAU($LineHeight;30)
$LayoutArray{0}{7}:="background=mediumvioletred&align=center&fontcolor=white&Fontsize=14&Style=1"

AJOUTER A TABLEAU($LineTitle;"1 personne")
AJOUTER A TABLEAU($LineHeight;30)

AJOUTER A TABLEAU($LineTitle;"2 personnes")
AJOUTER A TABLEAU($LineHeight;30)

AJOUTER A TABLEAU($LineTitle;"3 personnes")
AJOUTER A TABLEAU($LineHeight;30)

AJOUTER A TABLEAU($LineTitle;"4 personnes ou plus")
AJOUTER A TABLEAU($LineHeight;30)

AJOUTER A TABLEAU($LineTitle;"Bénéficiaire des APL")
AJOUTER A TABLEAU($LineHeight;30)
$LayoutArray{0}{12}:="background=mediumvioletred&align=center&fontcolor=white&Fontsize=14&Style=1"

AJOUTER A TABLEAU($LineTitle;"Oui")
AJOUTER A TABLEAU($LineHeight;30)

AJOUTER A TABLEAU($LineTitle;"Non")
AJOUTER A TABLEAU($LineHeight;30)

AJOUTER A TABLEAU($LineTitle;"Ancienneté dans le logement")
AJOUTER A TABLEAU($LineHeight;30)
$LayoutArray{0}{15}:="background=mediumvioletred&align=center&fontcolor=white&Fontsize=14&Style=1"

AJOUTER A TABLEAU($LineTitle;"Moins de 1 an")
AJOUTER A TABLEAU($LineHeight;30)

AJOUTER A TABLEAU($LineTitle;"De 1 à 2 ans")
AJOUTER A TABLEAU($LineHeight;30)

AJOUTER A TABLEAU($LineTitle;"De 3 à 5 ans")
AJOUTER A TABLEAU($LineHeight;30)

AJOUTER A TABLEAU($LineTitle;"De 6 à 10 ans")
AJOUTER A TABLEAU($LineHeight;30)

AJOUTER A TABLEAU($LineTitle;"De 11 à 20 ans")
AJOUTER A TABLEAU($LineHeight;30)

AJOUTER A TABLEAU($LineTitle;"Plus de 20 ans")
AJOUTER A TABLEAU($LineHeight;30)
Fin de si 

Si (Vrai)  // titres de colonnes
TABLEAU TEXTE($ColumnTitle;0)
TABLEAU REEL($ColumnWidth;0)
$ColumnWidth{0}:=250  // largeur colonne de titre de ligne

AJOUTER A TABLEAU($ColumnTitle;"")
AJOUTER A TABLEAU($ColumnWidth;30)
$LayoutArray{1}{0}:="border=0"

AJOUTER A TABLEAU($ColumnTitle;"2007")
AJOUTER A TABLEAU($ColumnWidth;120)
$LayoutArray{2}{0}:="background=mediumvioletred&align=center&fontcolor=white&Fontsize=14&Style=3"

AJOUTER A TABLEAU($ColumnTitle;"")
AJOUTER A TABLEAU($ColumnWidth;40)
$LayoutArray{3}{0}:="border=0"

AJOUTER A TABLEAU($ColumnTitle;"2010")
AJOUTER A TABLEAU($ColumnWidth;120)
$LayoutArray{4}{0}:="background=mediumvioletred&align=center&fontcolor=white&Fontsize=14&Style=3"

AJOUTER A TABLEAU($ColumnTitle;"")
AJOUTER A TABLEAU($ColumnWidth;40)
$LayoutArray{5}{0}:="border=0"

AJOUTER A TABLEAU($ColumnTitle;"2013")
AJOUTER A TABLEAU($ColumnWidth;120)
$LayoutArray{6}{0}:="background=mediumvioletred&align=center&fontcolor=white&Fontsize=14&Style=3"

Fin de si 

Si (Vrai)  // les valeurs
TABLEAU TEXTE($ValuesArray;6;21)
 // Age
$ValuesArray{1}{1}:=""
$ValuesArray{2}{1}:=""
$ValuesArray{3}{1}:=""
$ValuesArray{4}{1}:=""
$ValuesArray{5}{1}:=""
$ValuesArray{6}{1}:=""

 // Age -30
$ValuesArray{1}{2}:=""
$ValuesArray{2}{2}:="5%"
$ValuesArray{3}{2}:=""
$ValuesArray{4}{2}:="11%"
$ValuesArray{5}{2}:=""
$ValuesArray{6}{2}:="13%"

 // Age 30-40
$ValuesArray{1}{3}:=""
$ValuesArray{2}{3}:="16%"
$ValuesArray{3}{3}:=""
$ValuesArray{4}{3}:="10%"
$ValuesArray{5}{3}:=""
$ValuesArray{6}{3}:="19%"

 // Age 40-50
$ValuesArray{1}{4}:=""
$ValuesArray{2}{4}:="19%"
$ValuesArray{3}{4}:=""
$ValuesArray{4}{4}:="19%"
$ValuesArray{5}{4}:=""
$ValuesArray{6}{4}:="19%"

 // Age 50-60
$ValuesArray{1}{5}:=""
$ValuesArray{2}{5}:="27%"
$ValuesArray{3}{5}:=""
$ValuesArray{4}{5}:="19%"
$ValuesArray{5}{5}:=""
$ValuesArray{6}{5}:="19%"

 // Age 50-60
$ValuesArray{1}{6}:=""
$ValuesArray{2}{6}:="33%"
$ValuesArray{3}{6}:=""
$ValuesArray{4}{6}:="41%"
$ValuesArray{5}{6}:=""
$ValuesArray{6}{6}:="30%"


 // 1p
$ValuesArray{2}{8}:="45%"
$ValuesArray{4}{8}:="54%"
$ValuesArray{6}{8}:="49%"
 // 2p
$ValuesArray{2}{9}:="26%"
$ValuesArray{4}{9}:="25%"
$ValuesArray{6}{9}:="25%"
 // 3p
$ValuesArray{2}{10}:="14%"
$ValuesArray{4}{10}:="10%"
$ValuesArray{6}{10}:="14%"
 // 4p+
$ValuesArray{2}{11}:="15%"
$ValuesArray{4}{11}:="11%"
$ValuesArray{6}{11}:="13%"

 // Oui
$ValuesArray{2}{13}:="71%"
$ValuesArray{4}{13}:="69%"
$ValuesArray{6}{13}:="73%"
 // non
$ValuesArray{2}{14}:="29%"
$ValuesArray{4}{14}:="31%"
$ValuesArray{6}{14}:="27%"

 // -1
$ValuesArray{2}{16}:="34%"
$ValuesArray{4}{16}:="3%"
$ValuesArray{6}{16}:="17%"
 // 1-2
$ValuesArray{2}{17}:="8%"
$ValuesArray{4}{17}:="2%"
$ValuesArray{6}{17}:="12%"
 // 3-5
$ValuesArray{2}{18}:="17%"
$ValuesArray{4}{18}:="23%"
$ValuesArray{6}{18}:="26%"
 // 6-10
$ValuesArray{2}{19}:="17%"
$ValuesArray{4}{19}:="18%"
$ValuesArray{6}{19}:="17%"
 // 10-20
$ValuesArray{2}{20}:="16%"
$ValuesArray{4}{20}:="29%"
$ValuesArray{6}{20}:="17%"
 // +20
$ValuesArray{2}{21}:="8%"
$ValuesArray{4}{21}:="25%"
$ValuesArray{6}{21}:="11%"
Fin de si 
Si (Vrai)  // les symboles
TABLEAU IMAGE($PictureArray;6;21)
$PictureArray{4}{11}:=$rondorange
$PictureArray{4}{13}:=$rondorange
$PictureArray{4}{14}:=$rondorange

$PictureArray{3}{2}:=$rondVert

$PictureArray{3}{3}:=$rondrouge
$PictureArray{5}{3}:=$rondVert
$PictureArray{3}{5}:=$rondrouge
$PictureArray{3}{6}:=$rondVert
$PictureArray{5}{6}:=$rondrouge

$PictureArray{3}{8}:=$rondVert

$PictureArray{3}{16}:=$rondrouge
$PictureArray{5}{16}:=$rondVert
$PictureArray{3}{17}:=$rondrouge
$PictureArray{5}{17}:=$rondVert
$PictureArray{3}{18}:=$rondVert
$PictureArray{3}{20}:=$rondVert
$PictureArray{5}{20}:=$rondrouge
$PictureArray{3}{21}:=$rondVert
$PictureArray{5}{21}:=$rondrouge
Fin de si 

Si (Vrai)  // mise en forme des cellules
TABLEAU TEXTE($LayoutArray;6;21)
$LayoutArray{1}{1}:="border=0"
$LayoutArray{2}{1}:="border=0"
$LayoutArray{3}{1}:="border=0"
$LayoutArray{4}{1}:="border=0"
$LayoutArray{5}{1}:="border=0"
$LayoutArray{6}{1}:="border=0"

$LayoutArray{1}{7}:="border=0"
$LayoutArray{2}{7}:="border=0"
$LayoutArray{3}{7}:="border=0"
$LayoutArray{4}{7}:="border=0"
$LayoutArray{5}{7}:="border=0"
$LayoutArray{6}{7}:="border=0"

$LayoutArray{1}{12}:="border=0"
$LayoutArray{2}{12}:="border=0"
$LayoutArray{3}{12}:="border=0"
$LayoutArray{4}{12}:="border=0"
$LayoutArray{5}{12}:="border=0"
$LayoutArray{6}{12}:="border=0"

$LayoutArray{1}{15}:="border=0"
$LayoutArray{2}{15}:="border=0"
$LayoutArray{3}{15}:="border=0"
$LayoutArray{4}{15}:="border=0"
$LayoutArray{5}{15}:="border=0"
$LayoutArray{6}{15}:="border=0"


Boucle ($i;1;21)
$LayoutArray{1}{$i}:="border=0&align=center"
$LayoutArray{3}{$i}:="border=0&align=center"
$LayoutArray{5}{$i}:="border=0&align=center"
Fin de boucle 

Boucle ($i;2;6)
$LayoutArray{2}{$i}:="style=1&align=center"
$LayoutArray{4}{$i}:="style=1&align=center"
$LayoutArray{6}{$i}:="style=1&align=center"

$LayoutArray{0}{$i}:="Fontsize=14"
Fin de boucle 

Boucle ($i;8;11)
$LayoutArray{2}{$i}:="style=1&align=center"
$LayoutArray{4}{$i}:="style=1&align=center"
$LayoutArray{6}{$i}:="style=1&align=center"

$LayoutArray{0}{$i}:="Fontsize=14"
Fin de boucle 

Boucle ($i;13;14)
$LayoutArray{2}{$i}:="style=1&align=center"
$LayoutArray{4}{$i}:="style=1&align=center"
$LayoutArray{6}{$i}:="style=1&align=center"

$LayoutArray{0}{$i}:="Fontsize=14"
Fin de boucle 

Boucle ($i;16;21)
$LayoutArray{2}{$i}:="style=1&align=center"
$LayoutArray{4}{$i}:="style=1&align=center"
$LayoutArray{6}{$i}:="style=1&align=center"
 
$LayoutArray{0}{$i}:="Fontsize=14"
Fin de boucle 
 
$LayoutArray{4}{11}:="style=1&align=center&background=lightgrey:75"
$LayoutArray{4}{13}:="style=1&align=right&background=lightgrey:75"
$LayoutArray{4}{14}:="style=1&align=left&background=lightgrey:75"
Fin de si 
TheGraphe:=SGR_Generate_TableFromArray (\
->$DataGrapheName;\
->$DataGraphe;\
->$LineTitle;\
->$LineHeight;\
->$ColumnTitle;\
->$ColumnWidth;\
->$ValuesArray;\
->$PictureArray;\
->$LayoutArray)


				
			

Annexes

Paramètres

Paramètres

Type

 

Description

Couleur

Texte

 ==>

 

Couleur SVG telle que la méthode « SGR_GetSVGColors » vous les renvoie

Largeur du rectangle

Entier long

 ==>

 

Largeur du rectangle

Hauteur du rectangle

Entier long

 ==>

 

Hauteur du rectangle

Résultat

Image

 

Image incluant le code SVG

Description

Cette commande renvoie un rectangle de la couleur et des dimensions choisies.

Exemple de code
				
					$pict:=SGR_getColoredRectangle("Red";25;10)
// cet appel vous renvoie un rectangle rouge de d'une largeur de 25px et de 10px de hauteur

				
			
Paramètres

Paramètres

Type

 

N° du paramètre

Description

Couleurs

Pointeur

==> 

1

Le tableau pointé retourne la liste des noms des couleurs SVG triées par ordre alphabétique

Description

Cette commande renvoie la liste des noms des couleurs en SVG : Couleurs en SVG.

Exemple de code
				
					TABLEAU TEXTE(Color1;0)
SGR_GetSVGColors (->Color1)


				
			
Paramètres

Paramètres

Type

 

N° du paramètre

Description

Texte à évaluer

Texte

 ==>

 

1

Texte dont vous voulez évaluer la taille

Police

Texte

 ==>

 

2

Police de caractère à appliquer au texte

FontSize

Entier long

 ==>

 

3

Taille de la police du texte

FontStyle

Entier Long

 ==>

 

4

Style de la police du texte

Retour

Texte

  

JSON du type : {« width »: »201″, »height »: »25″}

Description

Cette commande permet d’obtenir la largeur d’un texte dans une police donnée avec une taille donnée et un style donné. Elle a un gros avantage par rapport à la commande 4D « OBJET LIRE TAILLE OPTIMALE », elle ne nécessite pas d’avoir un objet et fonctionne donc même en dehors d’un formulaire. Si cela intéresse certain d’entre vous nous pourrions l’étendre au texte stylé. Cette commande utilise le moteur de rendu SVG de 4D, il peut donc y avoir un écart de quelques pixels avec le rendu d’un formulaire 4D que ce soit à l’écran ou en impression.

Exemple de code
				
					$JsonSize:=SGR_GetTexteSize("MonTexte";"Arial";48;gras+italique)
Vous obtiendrez dans $JsonSize : {"width":"223","height":"63"}

				
			

Pour marquer les points d’une courbe ou d’un graphique, vous pouvez utiliser les symboles suivants :

  • « Carré »
  • « Etoile »
  • « Losange »
  • « Rond »
  • « Triangle »
  • « Triangle pointe en bas » ou « triangle inversé »

Le SVG reconnaît toutes les syntaxes alternatives pour les couleurs définies dans la norme CSS2

Une couleur peut être exprimée sous l’une des formes suivantes :

  • #f00
  • #ff0000
  • #rvb(255,0,0)
  • #rvb(100%,0%,0%)

Pour obtenir une couleur à l’un de ces formats à partir d’une couleur 4D vous pouvez utiliser la commande « SVG_Color_RGB_from_long » du composant SVG
Le SVG admet également une liste étendue de mots-clés de noms de couleur, par exemple « red ».

Vous trouverez dans ce lien la liste des couleurs et leur nom : Liste des couleurs SVG normalisées Vous pouvez obtenir cette liste de nom de couleurs à l’aide de la commande « SGR_GetSVGColors »

Versions

  • Correction de l’affichage de la valeur dans certain cas pour les graphes barres
  • SGR_Generate_TableFromArray
    • Ajustement automatique de la largeur du texte lorsqu’on lui donne une rotation
    • Possibilité de fixer la position des symboles dans les cellules ainsi que la position vertical du texte dans la cellule à l’aide des attributs :
      • hPosPict : top, center, bottom
      • vPosPict : left, center, right
      • vPosText : top, center, bottom
      • Exemple : $LayoutArray{$i}{$j}:= »hPosPict=center&vPosPict=top&vPosText=bottom »
  • SGR_Generate_graph
    • Correction de la position d’affichage de certaines valeurs
  • Ajout de 2 nouveaux graphes
    • Piste
    • Repartition
Version 1.5.3.3 (18 août 2017)
  • SGR_Generate_graph
    • Correction d’un bug d’affichage des valeurs sur les courbes
Version 1.5.3.2 (28 juin 2017)
  • SGR_Generate_graph
    • Correction d’un bug d’affichage qui continuait a dessiner les taquets même si les légendes étaient masquées
  • SGR_Generate_TableFromArray
    • Ajout d’une possibilité pour fusionner des cellules de titre du tableau grâce au paramètre d’apparence : colspan=X
  • SGR_GenerateTimeLine
    • Correction d’un bug d’affichage qui tronquait des traits lors de l’utilisation de ‘HideDatesFrames’
Version 1.5.3.1 (24 juin 2017)
  • SGR_Generate_graph
    • Correction d’un bug bloquant apparu dans la version 1.5.3
Version 1.5.3 (23 juin 2017)
  • SGR_Generate_TableFromArray
    • Suppression d’un espace anormale entre les titres de ligne et la colonne 1
    • Ajout d’un possibilité pour fusionner des cellules de tableau grâce au paramètre d’apparence : colspan=X
    • possibilité d’afficher des image dans les titre de colonne (utilisation du rang 0 du tableau des images)
    • Correction d’un bug pour le choix de police dans certaines cellules
  • SGR_GenerateTimeLine
    • Correction d’un bug d’affichage des dates quand le paramètre ‘EveryNdays’ est a 1
  • SGR_Generate_graph
    • Ajout d’une option pour masquer les lignes partant des valeurs des axes (HideValueLines ‘yes’ ou ‘no’ par defaut ‘no’)
    • ajout d’une option pour fixer la couleur des lignes partant des axes : (ValueLinesColor par defaut ‘lightgrey’)
    • ajout d’une option pour fixer l’épaisseur des lignes partant des axes : (ValueLinesSize par defaut ‘1’)
Version 1.5.2 (13 juin 2017)
  • SGR_Generate_TableFromArray
    • Suppression du cadre de la colonne 1 ligne 1,
    • Ajout de la possibilité de faire pivoter les textes dans les titres des colonnes,
    • Corrections d’affichages.
  • SGR_Generate_Graph
    • Correction d’affichage sur les courbes commençants et finissant par des valeurs à zéro,
    • Ajout d’un tableau optionnel permettant de cacher des valeurs sur l’abscisse.
  • SGR_Generate_Gauge
    • Activation du paramètre : ShowValue : yes ou no,
    • Activation du paramètre : ValueFormat : chaîne de formatage de la valeur de la jauge.
Version 1.5.1 (novembre 2016)
  • Nombreuses améliorations de la commande SGR_GenerateTimeLine
Version 1.5.0 (septembre 2016)
  • Ajout de la commande SGR_GenerateTimeLine pour générer des Gantt.
Version 1.4.3 (10 avril 2016)
  • Corrections diverses sur le positionnement des valeurs.
Version 1.4.2 (30 décembre 2015)
  • Correction d’un bug sur les pyramides concernant l’affichage en pourcent des valeurs
  • Correction d’une régression sur les camemberts
  • Prise en compte du paramètre « ForcingScalesToZero » sur les graphes ‘line’ et ‘SPline’
Version 1.4.1 (29 décembre 2015)
  • Ajout du paramètre pour les graphes de type line: ShowRegression
  • Correction d’un bug de calcul dans les graphes de type pyramide
Version 1.4.0 (27 décembre 2015)
  • Ajout de paramètres pour les graphes de type Kiviat : AxesFont, AxesFontSize, AxesFontStyle, AxesFontColor, DeltaXLegendPosition et DeltaYLegendPosition.
  • Ajout d’un nouveau type de graphe : le camembert proportionnel : SGR_Generate_ProportionalPie qui permet de générer des camemberts dont les parties occupent le même angle mais pas le même rayon
Version 1.3.6 (29 décembre 2014)
  • Enrichissement des jauges avec l’introduction d’un nouveau type de jauge
  • Ajout d’un paramètre pour la commande SGR_Generate_Graph qui oblige le calcul de l’échelle de choisir des valeurs unitaires même pour de petites valeurs
Version 1.3.5 (30 novembre 2014)
  • Modification du calcul des échelles
  • Nouveau paramètre pour l’affichage des valeurs sur les graphes camembert
  • Introduction des graphes de types « jauges », c’est une beta n’hésitez pas faire des remarques et des suggestions
Version 1.3.4 (16 novembre 2014)
  • Corrections d’un bug mineur sur les camemberts qui engendrait la génération d’un bip
  • Refonte complète des barres empilées
    • Corrections de bugs
    • Gestion de l’affichage de somme des barres
Version 1.3.3 (2 novembre 2014)
  • Corrections de bugs :
    • Barres empilées horizontales
    • Barres empilées verticales avec valeurs à zéro
  • Ajout de deux paramètres pour « SGR_Generate_Graph »
    • « ShowZeroValues » avec comme valeurs yes ou no (oui par défaut) qui permet dans les courbes de ne pas tracer les valeurs à zéro. S’il y a une valeur a zéro entre d’autre, elle est ignorée, s’il y a des valeurs à zéro à la fin de la courbe, la courbe s’arrête.
    • « ShowBorderGraph » avec comme valeurs yes ou no (oui par défaut) qui permet de masquer le bord gris du graphe
  • Ajout de « class » sur les objets pour permettre leur interaction sur le web (javascript)
    • graphPart
    • graphValue
Version 1.3.1 (10 octobre 2014)
  • Introduction de la notion de ratio permettant de fixer le rapport X/Y d’un graphe pour en modifier son apparence.
  • Ajout de la possibilité de fixer librement les légendes des cartes
Version 1.3.0 (20 septembre 2014)
  • Corrections de très nombreux bugs, nous ne pensions pas qu’il pouvait en rester autant…
  • Ajout de nouveau fonds de carte : Europe (pays), USA (états), Allemagne (Landers), Monde (pays)
Version 1.2.13 (30 juin 2014)
  • Possibilité de mettre un fond dégradé pour tous les graphes
  • Possibilité de mettre un dégradé dans les barres et les aires
  • Modification de l’ajustement automatique de la dimension des Kiviat pour accepter des libellés très long pour le nom des axes
  • Correction d’un bug de positionnement des noms de côtés de pyramide dans certain cas.
  • Correction d’un bug d’affichage de fond pour les BubbleChart, Kiviat et Pyramide
Version 1.2.12 (23 juin 2014)
  • Possibilité de supprimer le reflet sur les camemberts et les donuts car il peut poser des problèmes lors de l’impression sur certains ordinateurs ou imprimante. (Camembert intégralement noir)
Version 1.2.10
  • Possibilité d’ajuster verticalement la position du titre dans tous les graphes
  • Amélioration du rendu des camemberts et des donuts
Version 1.2.5 (6 février 2014)
  • Ajout de paramètres pour la commande « SGR_Generate_Graph »
    • Paramétrage de la largeur des barres
    • Paramétrage de l’écartement ou du recouvrement des barres
    • Paramétrage de l’affichage de la légende de X (abscisse) à l’aide de 3 paramètres
    • Paramétrage du formatage des valeurs sur les courbes, aires, barres, lignes et camemberts
  • Début de la refonte des camemberts et des donuts
  • Ajustement global de la taille des graphes
  • Correction d’un bug sur le graphe barre en orientation horizontal
  • Amélioration du positionnement des valeurs sur les camemberts
Version 1.2.4 (13 janvier 2014)
  • Sécurisation du code de la commande « SGR_Generate_Graph » dans le cas où certains paramètres ne seraient pas passés
Version 1.2.3 (6 janvier 2014)
  • Amélioration de la gestion des marges et des tailles de police pour les titres et les légendes
  • Ajout de la gestion de la police, de la taille de la police de son style et de sa couleur pour l’affichage des valeurs sur les area, ligne, barre, camembert
  • Ajout de l’option « ExtendAreaToGraph » pour le dessin des aires
  • Optimisation de la taille du graphe quand la légende n’est pas affichée
  • Correction d’un bug d’arrondi sur les pourcentages des parties de camembert
  • Correction d’un bug concernant l’affichage du nombre de décimales des valeurs sur les courbes
  • Ajout de la commande « SGR_GetTexteSize » qui permet d’obtenir la largeur et la hauteur d’une chaine avec du SVG sans avoir besoin d’objet comme pour la commande 4D « OBJET LIRE TAILLE OPTIMALE »
Version 1.2.2 (1 janvier 2014)
  • Suppression de presque tous les « TexteArea »
Version 1.2.1 (31 décembre 2013)
  • Ajout de nombreux paramètres pour les titres et les légendes (aire, ligne, barre, point, camembert, Kiviat et graphe polaire)
    • Ajout de la gestion de la police, de la taille de la police, de son style et de sa couleur pour l’affichage du titre
    • Ajout de la gestion de la police, de la taille de la police, de son style et de sa couleur pour l’affichage de la légende
  • Correction de certaines graduations du graphe polaire en mode « rose des vents »
Version 1.2 (20 décembre 2013)
  • Possibilité de détacher une partie d’un graphe en camembert
  • Possibilité de créer des variantes des camemberts : les « donut »
  • Possibilité d’afficher les valeurs (nom, valeur ou pourcentage) sur une partie de camembert
  • Possibilité de mettre en page des tableaux
Version 1.1.1 (30 novembre 2013)
  • Ajout d’une possibilité d’affichage de dégradé sous une courbe
  • Correction d’un bug sur l’affichage des valeurs sur les courbes
Retour en haut