SGR Generate bubbleChart : Différence entre versions

De BlueWiki
(→‎Paramètres)
 
(2 révisions intermédiaires par un utilisateur sont masquées)
Ligne 1 : Ligne 1 :
−
[[Composant_Graphe_SVG#Commandes|Liste des commandes du composant]]
+
[[Composant_Graphe_SVG#Commandes|Liste des commandes du composant]] - [[File:icone_drapeau-anglais.jpg]] [[SGR_Generate_bubbleChart-EN|English version of this page]]
−
 
+
−
[[SGR_Generate_bubbleChart-EN|English version of this page]]
+
 
=== Paramètres ===
 
=== Paramètres ===
 
----
 
----
Ligne 21 : 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 généraux du graphe
+
'''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)
 
* "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 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é
 
* "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
+
'''Paramètres du titre'''
 
* "Titre" ou "Title" : titre du graphe
 
* "Titre" ou "Title" : titre du graphe
 
* "alignement du titre" ou "TitleAlignement" : Alignement du titre 0,1,2,3
 
* "alignement du titre" ou "TitleAlignement" : Alignement du titre 0,1,2,3
Ligne 34 : Ligne 32 :
 
* "TitleVerticalOffSet" ou "Décalage vertical du titre" : Décalage vertical en px pour un ajustement fin de sa position
 
* "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
+
'''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"
 
* "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"
 
* "Police de la légende" ou "legendFont" : Police de la légende, si cette valeur est passée, elle remplace la "police du graphe"
Ligne 42 : Ligne 40 :
 
* "LegendBGcolor" ou "Couleur de fond de la légende" : Couleur de fond du rectangle de légende ("White:0" pour une transparence)
 
* "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
+
'''Paramètres du graphe'''
 
* "BubbleMaxDiameter" : Diametre maximum d'une bulle
 
* "BubbleMaxDiameter" : Diametre maximum d'une bulle
 
* "ShowZeroOnHorizontalAxis" : le zéro de l'axe horizontal doit être visible
 
* "ShowZeroOnHorizontalAxis" : le zéro de l'axe horizontal doit être visible
Ligne 111 : 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===

Version actuelle en date du 3 juillet 2014 à 11: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)
Récupérée de « http://wiki.bluecompany.fr/index.php?title=SGR_Generate_bubbleChart&oldid=898 »