SGR Generate Kiviat : Différence entre versions

De BlueWiki
(Page créée avec « {| class="wikitable" !Paramètres !Type ! !Description |- |axes |Pointeur |⇒ |Pointeur vers un tableau texte des noms des axes (minimum 3) |- |DataGraphe |Pointeu... »)
 
 
(25 révisions intermédiaires par un utilisateur sont masquées)
Ligne 1 : Ligne 1 :
 
+
[[Composant_Graphe_SVG#Commandes|Liste des commandes du composant]] - [[SGR_Generate_Kiviat-EN|English version of this page]] [[File:icone_drapeau-anglais.jpg]]
 
+
=== Paramètres===
{| class="wikitable"
+
----
+
{| class="wikitable"  
 
!Paramètres
 
!Paramètres
 
!Type
 
!Type
 
!
 
!
 +
!N° du paramètre
 
!Description
 
!Description
 +
 
|-
 
|-
|axes
+
|valign="top"|DataGrapheName
|Pointeur
+
|valign="top"|Pointeur
|⇒
+
|valign="top"|[[File:in.png|caption]]
|Pointeur vers un tableau texte des noms des axes (minimum 3)
+
|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 défaut)
 +
* "Couleur de fond du graphe" ou "GraphBGColor" : Couleur du fond du graphe
 +
* "Couleur 2 de fond du graphe" ou "GraphBGColor2" : Deuxième 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é
 +
* "ShowScale" ou "Affichage des échelles" : affiche les fils de la toile pour une lecture de 10 en 10
 +
 
 +
 
 +
 
 +
'''
 +
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)
 +
 
 
|-
 
|-
|DataGraphe
+
|valign="top"|DataGrapheValue
|Pointeur
+
|valign="top"|Pointeur
|⇒
+
|valign="top"|[[File:in.png|caption]]
|Pointeur vers un tableau texte des paramètres du graphe
+
|valign="top" align="center"|2
#Titre du graphe
+
|Pointeur vers un tableau texte des valeurs de paramètre du graphe
#Taille de la police du Titre
+
 
#Couleur du fond
+
|-
#Affichage des échelles (oui/non)
+
|valign="top"|axes
 +
|valign="top"|Pointeur
 +
|valign="top"|[[File:in.png|caption]]
 +
|valign="top" align="center"|3
 +
|Pointeur vers un tableau texte des noms des axes (minimum 3)
 +
 
 
|-
 
|-
|DataSerie
+
|valign="top"|DataSerie
|Pointeur
+
|valign="top"|Pointeur
|⇒
+
|valign="top"|[[File:in.png|caption]]
 +
|valign="top" align="center"|4
 
|Pointeur vers un tableau texte à 2 dimensions des paramètres des séries
 
|Pointeur vers un tableau texte à 2 dimensions des paramètres des séries
  
 
|-
 
|-
|Value
+
|valign="top"|Value
|Pointeur
+
|valign="top"|Pointeur
|⇒
+
|valign="top"|[[File:in.png|caption]]
 +
|valign="top" align="center"|5
 
|Pointeur vers un tableau réel des valeurs entre 0 et 100
 
|Pointeur vers un tableau réel des valeurs entre 0 et 100
 
*Le premier indice correspond à la série et le deuxieme à l'axe
 
*Le premier indice correspond à la série et le deuxieme à l'axe
Ligne 36 : Ligne 77 :
  
 
|-
 
|-
|Resultat
+
|valign="top"|Resultat
|Image
+
|valign="top"|Image
|⇐
+
|valign="top"|[[File:out.png|caption]]
 +
|
 
|Image incluant le code SVG
 
|Image incluant le code SVG
  
Ligne 49 : Ligne 91 :
  
 
=== Exemple de code===
 
=== Exemple de code===
 +
----
  
 +
[[File:Kiviat1.jpg|800px]]
 +
 +
Pour obtenir ce graphe il vous faudra utiliser le code ci-dessous
 +
 +
  // Nom utilisateur (OS) : Paul Kuhn - BlueCompany
 +
  // ----------------------------------------------------
 +
  // Méthode : Exemple_Kiviat
 +
 +
  // Définition des paramètre de dessin génériques du graphe
 +
TABLEAU TEXTE($DataGraphe;0)
 +
TABLEAU TEXTE($DataGrapheName;0)
 +
AJOUTER A TABLEAU($DataGrapheName;"Title")
 +
AJOUTER A TABLEAU($DataGraphe;"Exemple de graphe en étoile")
 +
 +
AJOUTER A TABLEAU($DataGrapheName;"TitleAlignement")
 +
AJOUTER A TABLEAU($DataGraphe;Chaine(Centré))
 +
 +
AJOUTER A TABLEAU($DataGrapheName;"GraphBGColor")
 +
AJOUTER A TABLEAU($DataGraphe;"White")
 +
 +
AJOUTER A TABLEAU($DataGrapheName;"ShowScale")
 +
AJOUTER A TABLEAU($DataGraphe;"oui")  // 4 - Echelle
 +
 +
AJOUTER A TABLEAU($DataGrapheName;"GraphFont")
 +
AJOUTER A TABLEAU($DataGraphe;"times")  // 5 - Police du graphe
 +
 +
  // Définition des axes d'analyse
 
  TABLEAU TEXTE(axes;0)
 
  TABLEAU TEXTE(axes;0)
 
  AJOUTER A TABLEAU(axes;"Performance")
 
  AJOUTER A TABLEAU(axes;"Performance")
Ligne 58 : Ligne 128 :
 
  AJOUTER A TABLEAU(axes;"Coûts")
 
  AJOUTER A TABLEAU(axes;"Coûts")
 
  AJOUTER A TABLEAU(axes;"Opé Diverses")
 
  AJOUTER A TABLEAU(axes;"Opé Diverses")
 
  // Définition des paramètre de dessin génériques du graphe
 
TABLEAU TEXTE($DataGraphe;0)
 
AJOUTER A TABLEAU($DataGraphe;"Exemple de graphe en étoile")  // titre du graphe
 
AJOUTER A TABLEAU($DataGraphe;"30")  // taille du libellé
 
AJOUTER A TABLEAU($DataGraphe;"White")  // couleur du fond
 
AJOUTER A TABLEAU($DataGraphe;"oui")  // Echelle
 
 
   
 
   
 
   // Définition du tableau a 2 dimensions des paramètre de dessin des séries
 
   // Définition du tableau a 2 dimensions des paramètre de dessin des séries
Ligne 72 : Ligne 135 :
 
  DataSerie{1}{3}:="red:10"  // remplissage
 
  DataSerie{1}{3}:="red:10"  // remplissage
 
  DataSerie{1}{4}:="3"
 
  DataSerie{1}{4}:="3"
  DataSerie{1}{5}:="rond"
+
  DataSerie{1}{5}:="losange"
 
   
 
   
 
  DataSerie{2}{1}:="Estelle Kuhn"
 
  DataSerie{2}{1}:="Estelle Kuhn"
Ligne 90 : Ligne 153 :
 
  Value{1}{6}:=50
 
  Value{1}{6}:=50
 
  Value{1}{7}:=90
 
  Value{1}{7}:=90
 +
 
   // Donnée de la série 2 : Estelle Kuhn
 
   // Donnée de la série 2 : Estelle Kuhn
 
  Value{2}{1}:=75
 
  Value{2}{1}:=75
Ligne 100 : Ligne 164 :
 
   
 
   
 
   // appel de la commande générant le graphe
 
   // appel de la commande générant le graphe
  TheGraphe:=SGR_Generate_Kiviat (->axes;->$DataGraphe;->DataSerie;->Value)
+
  TheGraphe:=SGR_Generate_Kiviat (->$DataGrapheName;->$DataGraphe;->axes;->DataSerie;->Value)

Version actuelle en date du 1 décembre 2014 à 08:35

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

[modifier] Paramètres


Paramètres Type N° du paramètre Description
DataGrapheName 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 défaut)
  • "Couleur de fond du graphe" ou "GraphBGColor" : Couleur du fond du graphe
  • "Couleur 2 de fond du graphe" ou "GraphBGColor2" : Deuxième 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é
  • "ShowScale" ou "Affichage des échelles" : affiche les fils de la toile pour une lecture de 10 en 10


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)
DataGrapheValue Pointeur caption 2 Pointeur vers un tableau texte des valeurs de paramètre du graphe
axes Pointeur caption 3 Pointeur vers un tableau texte des noms des axes (minimum 3)
DataSerie Pointeur caption 4 Pointeur vers un tableau texte à 2 dimensions des paramètres des séries
Value Pointeur caption 5 Pointeur vers un tableau réel des valeurs entre 0 et 100
  • Le premier indice correspond à la série et le deuxieme à l'axe
  • Ce tableau doit etre dimensionné ainsi : TABLEAU REEL(Value;NbreDeSeries;NbreAxes)
Resultat Image caption Image incluant le code SVG

[modifier] Description



[modifier] Exemple de code


Kiviat1.jpg

Pour obtenir ce graphe il vous faudra utiliser le code ci-dessous

 // Nom utilisateur (OS) : Paul Kuhn - BlueCompany
 // ----------------------------------------------------
 // Méthode : Exemple_Kiviat

 // Définition des paramètre de dessin génériques du graphe
TABLEAU TEXTE($DataGraphe;0)
TABLEAU TEXTE($DataGrapheName;0)
AJOUTER A TABLEAU($DataGrapheName;"Title")
AJOUTER A TABLEAU($DataGraphe;"Exemple de graphe en étoile")

AJOUTER A TABLEAU($DataGrapheName;"TitleAlignement")
AJOUTER A TABLEAU($DataGraphe;Chaine(Centré))

AJOUTER A TABLEAU($DataGrapheName;"GraphBGColor")
AJOUTER A TABLEAU($DataGraphe;"White")

AJOUTER A TABLEAU($DataGrapheName;"ShowScale")
AJOUTER A TABLEAU($DataGraphe;"oui")  // 4 - Echelle 

AJOUTER A TABLEAU($DataGrapheName;"GraphFont")
AJOUTER A TABLEAU($DataGraphe;"times")  // 5 - Police du graphe

 // Définition des axes d'analyse
TABLEAU TEXTE(axes;0)
AJOUTER A TABLEAU(axes;"Performance")
AJOUTER A TABLEAU(axes;"Rapidité")
AJOUTER A TABLEAU(axes;"Communauté")
AJOUTER A TABLEAU(axes;"Simplicité")
AJOUTER A TABLEAU(axes;"Portabilité")
AJOUTER A TABLEAU(axes;"Coûts")
AJOUTER A TABLEAU(axes;"Opé Diverses")

 // Définition du tableau a 2 dimensions des paramètre de dessin des séries
TABLEAU TEXTE(DataSerie;2;5)
DataSerie{1}{1}:="Juliette Kuhn"
DataSerie{1}{2}:="Pink"
DataSerie{1}{3}:="red:10"  // remplissage
DataSerie{1}{4}:="3"
DataSerie{1}{5}:="losange"

DataSerie{2}{1}:="Estelle Kuhn"
DataSerie{2}{2}:="blue"
DataSerie{2}{3}:="blue:20"
DataSerie{2}{4}:="10"
DataSerie{2}{5}:="triangle"

 // définition du tableau à 2 dimensions des valeurs à tracer
TABLEAU REEL(Value;2;7)
 // Donnée de la série 1 : Juliette Kuhn
Value{1}{1}:=50
Value{1}{2}:=40
Value{1}{3}:=30
Value{1}{4}:=50
Value{1}{5}:=50
Value{1}{6}:=50
Value{1}{7}:=90

 // Donnée de la série 2 : Estelle Kuhn
Value{2}{1}:=75
Value{2}{2}:=30
Value{2}{3}:=75
Value{2}{4}:=80
Value{2}{5}:=91
Value{2}{6}:=75
Value{2}{7}:=25

 // appel de la commande générant le graphe
TheGraphe:=SGR_Generate_Kiviat (->$DataGrapheName;->$DataGraphe;->axes;->DataSerie;->Value)