SGR Generate bubbleChart : Différence entre versions
De BlueWiki
(18 révisions intermédiaires par un utilisateur sont masquées) | |||
Ligne 1 : | Ligne 1 : | ||
+ | [[Composant_Graphe_SVG#Commandes|Liste des commandes du composant]] - [[File:icone_drapeau-anglais.jpg]] [[SGR_Generate_bubbleChart-EN|English version of this page]] | ||
+ | === Paramètres === | ||
+ | ---- | ||
{| class="wikitable" | {| class="wikitable" | ||
Ligne 4 : | Ligne 7 : | ||
!Type | !Type | ||
! | ! | ||
+ | !N° du paramètre | ||
!Description | !Description | ||
+ | |||
+ | |- | ||
+ | |valign="top"|Noms des parametres du graphes | ||
+ | |valign="top"|Pointeur | ||
+ | |valign="top"|[[File:in.png|caption]] | ||
+ | |valign="top" align="center"|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 defaut) | ||
+ | * "Couleur de fond du graphe" ou "GraphBGColor" : Couleur du fond du graphe | ||
+ | * "Couleur 2 de fond du graphe" ou "GraphBGColor2" : Deuxieme couleur du fond du graphe, 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 | ||
+ | |||
+ | |- | ||
+ | |valign="top"|Valeurs des parametres du graphes | ||
+ | |valign="top"|Pointeur | ||
+ | |valign="top"|[[File:in.png|caption]] | ||
+ | |valign="top" align="center"|2 | ||
+ | |Pointeur vers un tableau texte des valeurs de paramètres du graphe | ||
|- | |- | ||
Ligne 10 : | Ligne 60 : | ||
|valign="top"|Pointeur | |valign="top"|Pointeur | ||
|valign="top"|[[File:in.png|caption]] | |valign="top"|[[File:in.png|caption]] | ||
+ | |valign="top" align="center"|3 | ||
|Pointeur vers un tableau texte des noms des axes | |Pointeur vers un tableau texte des noms des axes | ||
Ligne 16 : | Ligne 67 : | ||
|valign="top"|Pointeur | |valign="top"|Pointeur | ||
|valign="top"|[[File:in.png|caption]] | |valign="top"|[[File:in.png|caption]] | ||
+ | |valign="top" align="center"|4 | ||
|Pointeur vers un tableau texte des bulles | |Pointeur vers un tableau texte des bulles | ||
Ligne 22 : | Ligne 74 : | ||
|valign="top"|Pointeur | |valign="top"|Pointeur | ||
|valign="top"|[[File:in.png|caption]] | |valign="top"|[[File:in.png|caption]] | ||
+ | |valign="top" align="center"|5 | ||
|Pointeur vers un tableau réel des valeurs sur l'axe horizontal | |Pointeur vers un tableau réel des valeurs sur l'axe horizontal | ||
Ligne 28 : | Ligne 81 : | ||
|valign="top"|Pointeur | |valign="top"|Pointeur | ||
|valign="top"|[[File:in.png|caption]] | |valign="top"|[[File:in.png|caption]] | ||
+ | |valign="top" align="center"|6 | ||
|Pointeur vers un tableau réel des valeurs sur l'axe vertical | |Pointeur vers un tableau réel des valeurs sur l'axe vertical | ||
Ligne 34 : | Ligne 88 : | ||
|valign="top"|Pointeur | |valign="top"|Pointeur | ||
|valign="top"|[[File:in.png|caption]] | |valign="top"|[[File:in.png|caption]] | ||
+ | |valign="top" align="center"|7 | ||
|Pointeur vers un tableau réel des valeurs du diamètre de la bulle | |Pointeur vers un tableau réel des valeurs du diamètre de la bulle | ||
Ligne 40 : | Ligne 95 : | ||
|valign="top"|Pointeur | |valign="top"|Pointeur | ||
|valign="top"|[[File:in.png|caption]] | |valign="top"|[[File:in.png|caption]] | ||
+ | |valign="top" align="center"|8 | ||
|Pointeur vers un tableau texte de couleur des bulles | |Pointeur vers un tableau texte de couleur des bulles | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
|- | |- | ||
Ligne 52 : | Ligne 102 : | ||
|Image | |Image | ||
|[[File:out.png|caption]] | |[[File:out.png|caption]] | ||
+ | |valign="top" align="center"| | ||
|Image incluant le code SVG | |Image incluant le code SVG | ||
Ligne 58 : | Ligne 109 : | ||
=== Description === | === Description === | ||
---- | ---- | ||
− | + | les graphes a bulles permettent de percevoir visuellement plus d'informations : | |
+ | # La valeur de l’abscisse | ||
+ | # la valeur de l'ordonnée | ||
+ | # La valeur du diamètre | ||
+ | # Et éventuellement la couleur du cercle | ||
=== Exemple de code=== | === Exemple de code=== | ||
---- | ---- | ||
+ | |||
+ | [[File:GrapheBulle1.jpg|800px]] | ||
+ | |||
+ | Pour obtenir ce graphe il vous faudra utiliser le code ci-dessous | ||
// Nom utilisateur (OS) : Paul Kuhn - BlueCompany | // Nom utilisateur (OS) : Paul Kuhn - BlueCompany | ||
− | |||
// ---------------------------------------------------- | // ---------------------------------------------------- | ||
// Méthode : Exemple_Bulle | // Méthode : Exemple_Bulle | ||
// Description | // 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 | TABLEAU TEXTE($legende;0) // légende des valeurs | ||
Ligne 113 : | Ligne 203 : | ||
AJOUTER A TABLEAU($Color;"orange") | AJOUTER A TABLEAU($Color;"orange") | ||
− | + | TheGraphe:=SGR_Generate_bubbleChart (->$DataGrapheName;->$DataGraphe;->$legende;->$Libelle;->$Value1;->$Value2;->$Value3;->$Color) | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + |
Version actuelle en date du 3 juillet 2014 à 10:28
Liste des commandes du composant - English version of this page
[modifier] Paramètres
[modifier] Description
les graphes a bulles permettent de percevoir visuellement plus d'informations :
- La valeur de l’abscisse
- la valeur de l'ordonnée
- La valeur du diamètre
- Et éventuellement la couleur du cercle
[modifier] 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)