SGR Generate bubbleChart : Différence entre versions
De BlueWiki
(→Exemple de code) |
|||
| (12 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 === | === Paramètres === | ||
---- | ---- | ||
| Ligne 6 : | Ligne 7 : | ||
!Type | !Type | ||
! | ! | ||
| + | !N° du paramètre | ||
!Description | !Description | ||
|- | |- | ||
| − | |valign="top"| | + | |valign="top"|Noms des parametres du graphes |
|valign="top"|Pointeur | |valign="top"|Pointeur | ||
|valign="top"|[[File:in.png|caption]] | |valign="top"|[[File:in.png|caption]] | ||
| − | |Pointeur vers un tableau texte des paramètres du graphe | + | |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 | ||
| + | |||
|- | |- | ||
|valign="top"|Légendes | |valign="top"|Légendes | ||
|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 35 : | 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 41 : | 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 47 : | 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 53 : | 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 59 : | 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 65 : | 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 71 : | 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 | ||
// ---------------------------------------------------- | // ---------------------------------------------------- | ||
| Ligne 100 : | Ligne 147 : | ||
AJOUTER A TABLEAU($DataGrapheName;"ShowZeroOnVerticalAxis") | AJOUTER A TABLEAU($DataGrapheName;"ShowZeroOnVerticalAxis") | ||
AJOUTER A TABLEAU($DataGraphe;"oui") // 6 - le zéro de l'axe vertical doit etre visible | AJOUTER A TABLEAU($DataGraphe;"oui") // 6 - le zéro de l'axe vertical doit etre visible | ||
| − | |||
| − | |||
| − | |||
AJOUTER A TABLEAU($DataGrapheName;"ShowHorizontalScaleLine") | AJOUTER A TABLEAU($DataGrapheName;"ShowHorizontalScaleLine") | ||
| − | AJOUTER A TABLEAU($DataGraphe;"oui") // | + | AJOUTER A TABLEAU($DataGraphe;"oui") // 7 - Traits horizontaux pour les graduations |
AJOUTER A TABLEAU($DataGrapheName;"ShowVerticalScaleLine") | AJOUTER A TABLEAU($DataGrapheName;"ShowVerticalScaleLine") | ||
| − | AJOUTER A TABLEAU($DataGraphe;"oui") // | + | AJOUTER A TABLEAU($DataGraphe;"oui") // 8 - Traits verticaux pour les graduations |
AJOUTER A TABLEAU($DataGrapheName;"ShowBubbleName") | AJOUTER A TABLEAU($DataGrapheName;"ShowBubbleName") | ||
| − | AJOUTER A TABLEAU($DataGraphe;"oui") // | + | AJOUTER A TABLEAU($DataGraphe;"oui") // 9 - Affichage des libellés |
AJOUTER A TABLEAU($DataGrapheName;"BubbleFontSize") | AJOUTER A TABLEAU($DataGrapheName;"BubbleFontSize") | ||
| − | AJOUTER A TABLEAU($DataGraphe;"36") // | + | AJOUTER A TABLEAU($DataGraphe;"36") // 10 - taille de la police des libellés |
AJOUTER A TABLEAU($DataGrapheName;"GraphFont") | AJOUTER A TABLEAU($DataGrapheName;"GraphFont") | ||
| − | AJOUTER A TABLEAU($DataGraphe;"times") // | + | 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 | ||
Version actuelle en date du 3 juillet 2014 à 10:28
Liste des commandes du composant - 
English version of this page
[modifier] Paramètres
| Paramètres | Type | N° du paramètre | Description | |
|---|---|---|---|---|
| Noms des parametres 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 possible de paramètre du graphe sont les suivantes : Paramètres généraux du graphe
Paramètres du titre
Paramètres de la légende
Paramètres du graphe
|
| Valeurs des parametres 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 |
| Resultat | Image | 
|
Image incluant le code SVG |
[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)
