SGR Generate bubbleChart : Différence entre versions

De BlueWiki
 
(5 révisions intermédiaires par un utilisateur sont masquées)
Ligne 1 : Ligne 1 :
[[SGR_Generate_bubbleChart-EN|English version]]
+
[[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 19 : Ligne 19 :
 
Les valeurs possible de paramètre du graphe sont les suivantes :
 
Les valeurs possible de paramètre du graphe sont les suivantes :
  
Paramètres du titre
+
'''Paramètres généraux du graphe'''
* - "Titre" ou "Title" : titre du graphe
+
* "Police du graphe" ou "GraphFont" : Police du titre et polices par défaut des légendes et des échelles (arial par defaut)
* - "alignement du titre" ou "TitleAlignement" : Alignement du titre 0,1,2,3
+
* "Couleur de fond du graphe" ou "GraphBGColor" : Couleur du fond 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 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é
* - "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
+
  
* - "Couleur de fond du graphe" ou "GraphBGColor" : Couleur du fond du graphe
+
'''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 du graphe
+
'''Paramètres de la légende'''
* - "BubbleMaxDiameter" : Diametre maximum d'une bulle
+
* "Affichage de la légende" ou "ShowLegend" : Affichage de la légende "oui", "vrai", "true", "yes", "non", "no", "Faux", "false"
* - "ShowZeroOnHorizontalAxis" : le zéro de l'axe horizontal doit etre visible
+
* "Police de la légende" ou "legendFont" : Police de la légende, si cette valeur est passée, elle remplace la "police du graphe"
* - "ShowZeroOnVerticalAxis" : le zéro de l'axe vertical doit etre visible
+
* "LegendFontSize" ou "Taille de la police de la légende" : Taille de la police de la légende
* - "ShowHorizontalScaleLine" : Traits horizontaux pour les graduations
+
* "LegendFontStyle" ou "Style de la police de la légende" : Style de la police de la légende
* - "ShowVerticalScaleLine" : Traits verticaux pour les graduations
+
* "LegendFontColor" ou "Couleur de la police de la légende" : Couleur de la police de la légende
* - "ShowBubbleName" : affichage des libellés
+
* "LegendBGcolor" ou "Couleur de fond de la légende" : Couleur de fond du rectangle de légende ("White:0" pour une transparence)
* - "BubbleFontSize" : taille de la police des libellés
+
 
 +
'''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
  
 
|-
 
|-
Ligne 98 : 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|caption]]
+
[[File:GrapheBulle1.jpg|800px]]
  
 
Pour obtenir ce graphe il vous faudra utiliser le code ci-dessous
 
Pour obtenir ce graphe il vous faudra utiliser le code ci-dessous

Version actuelle en date du 3 juillet 2014 à 10:28

Liste des commandes du composant - Icone drapeau-anglais.jpg English version of this page

[modifier] Paramètres


Paramètres Type N° du paramètre Description
Noms des parametres du graphes Pointeur caption 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
Valeurs des parametres du graphes Pointeur caption 2 Pointeur vers un tableau texte des valeurs de paramètres du graphe
Légendes Pointeur caption 3 Pointeur vers un tableau texte des noms des axes
Libelle Pointeur caption 4 Pointeur vers un tableau texte des bulles
Value1 Pointeur caption 5 Pointeur vers un tableau réel des valeurs sur l'axe horizontal
Value2 Pointeur caption 6 Pointeur vers un tableau réel des valeurs sur l'axe vertical
Value3 Pointeur caption 7 Pointeur vers un tableau réel des valeurs du diamètre de la bulle
Couleurs Pointeur caption 8 Pointeur vers un tableau texte de couleur des bulles
Resultat Image caption Image incluant le code SVG

[modifier] Description


les graphes a 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

[modifier] Exemple de code


GrapheBulle1.jpg

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)