SGR Generate bubbleChart : Différence entre versions

De BlueWiki
(Paramètres)
 
(15 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"|Parametres du graphes
+
|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
#- diametre maximum d'une bulle
+
|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
# - couleur de fond du graphe
+
 
# - Titre du graphe
+
Les valeurs possible de paramètre du graphe sont les suivantes :
# - Alignement du Titre du graphe
+
 
# - le zéro de l'axe horizontal doit etre visible
+
'''Paramètres généraux du graphe'''
# - le zéro de l'axe vertical doit etre visible
+
* "Police du graphe" ou "GraphFont" : Police du titre et polices par défaut des légendes et des échelles (arial par defaut)
# - Affichage des graduation
+
* "Couleur de fond du graphe" ou "GraphBGColor" : Couleur du fond du graphe
# - Traits horizontaux pour les graduations
+
* "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é
# - Traits verticaux pour les graduations
+
 
# - Affichage des libellés
+
'''Paramètres du titre'''
# - taille de la police des libellés
+
* "Titre" ou "Title" : titre du graphe
# - Police des légendes et des échelles
+
* "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
  // Date et heure : 03/07/13, 15:25:37
 
 
   // ----------------------------------------------------
 
   // ----------------------------------------------------
 
   // Méthode : Exemple_Bulle
 
   // Méthode : Exemple_Bulle
 
   // Description
 
   // Description
  //  
+
  //
+
TABLEAU TEXTE($DataGrapheName;0)
  // Paramètres
+
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 126 : Ligne 203 :
 
  AJOUTER A TABLEAU($Color;"orange")
 
  AJOUTER A TABLEAU($Color;"orange")
 
   
 
   
  TABLEAU TEXTE($parametres;0)
+
  TheGraphe:=SGR_Generate_bubbleChart (->$DataGrapheName;->$DataGraphe;->$legende;->$Libelle;->$Value1;->$Value2;->$Value3;->$Color)
AJOUTER A TABLEAU($parametres;"400")  // 1- diametre maximum d'une bulle
+
AJOUTER A TABLEAU($parametres;"")  // 2 - couleur de fond du graphe
+
AJOUTER A TABLEAU($parametres;"Evolution du nombres de produits et du CA")  // 3 - Titre du graphe
+
AJOUTER A TABLEAU($parametres;Chaine(Centré))  // 4 - Alignement du Titre du graphe
+
AJOUTER A TABLEAU($parametres;"non")  // 5 - le zéro de l'axe horizontal doit etre visible
+
AJOUTER A TABLEAU($parametres;"oui")  // 6 - le zéro de l'axe vertical doit etre visible
+
AJOUTER A TABLEAU($parametres;"oui")  // 7 - Affichage des graduation
+
AJOUTER A TABLEAU($parametres;"oui")  // 8 - Traits horizontaux pour les graduations
+
AJOUTER A TABLEAU($parametres;"oui")  // 9 - Traits verticaux pour les graduations
+
AJOUTER A TABLEAU($parametres;"oui")  // 10 - Affichage des libellés
+
AJOUTER A TABLEAU($parametres;"36")  // 11 - taille de la police des libellés
+
+
TheGraphe:=SGR_Generate_bubbleChart (->$legende;->$Libelle;->$Value1;->$Value2;->$Value3;->$Color;->$parametres)
+

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)