SGR Generate bubbleChart : Différence entre versions

De BlueWiki
(Paramètres)
 
(10 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 14 : Ligne 15 :
 
|valign="top"|[[File:in.png|caption]]
 
|valign="top"|[[File:in.png|caption]]
 
|valign="top" align="center"|1
 
|valign="top" align="center"|1
|Pointeur vers un tableau texte des noms de paramètres du graphe
+
|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
# - "BubbleMaxDiameter" : Diametre maximum d'une bulle
+
 
# - "Couleur de fond du graphe" ou "GraphBGColor" : Couleur du fond du graphe
+
Les valeurs possible de paramètre du graphe sont les suivantes :
# - "Titre" ou "Title" : titre du graphe
+
 
# - "Alignement du titre" ou "TitleAlignement" : Alignement du titre 0,1,2,3
+
'''Paramètres généraux du graphe'''
# - "ShowZeroOnHorizontalAxis" : le zéro de l'axe horizontal 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)
# - "ShowZeroOnVerticalAxis" : le zéro de l'axe vertical doit etre visible
+
* "Couleur de fond du graphe" ou "GraphBGColor" : Couleur du fond du graphe
# - Affichage des graduation
+
* "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é
# - "ShowHorizontalScaleLine" : Traits horizontaux pour les graduations
+
 
# - "ShowVerticalScaleLine" : Traits verticaux pour les graduations
+
'''Paramètres du titre'''
# - "ShowBubbleName" : affichage des libellés
+
* "Titre" ou "Title" : titre du graphe
# - "BubbleFontSize" : taille de la police des libellés
+
* "alignement du titre" ou "TitleAlignement" : Alignement du titre 0,1,2,3
# - "Police du graphe" ou "GraphFont" : Police des légendes et des échelles7
+
* "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
  
 
|-
 
|-
Ligne 88 : 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 117 : 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;"ShowScale")
 
AJOUTER A TABLEAU($DataGraphe;"oui")  // 7 - Affichage des graduation
 
 
   
 
   
 
  AJOUTER A TABLEAU($DataGrapheName;"ShowHorizontalScaleLine")
 
  AJOUTER A TABLEAU($DataGrapheName;"ShowHorizontalScaleLine")
  AJOUTER A TABLEAU($DataGraphe;"oui")  // 8 - Traits horizontaux pour les graduations
+
  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")  // 9 - Traits verticaux pour les graduations
+
  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")  // 10 - Affichage des libellés
+
  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")  // 11 - taille de la police des libellés
+
  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")  // 12 - Police des légendes et des échelles
+
  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 - 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)