SGR Generate Kiviat : Différence entre versions

De BlueWiki
(Paramètres)
 
(18 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===
 
=== Paramètres===
 
----
 
----
Ligne 5 : Ligne 6 :
 
!Type
 
!Type
 
!
 
!
 +
!N° du paramètre
 
!Description
 
!Description
  
 
|-
 
|-
|valign="top"|DataGraphe
+
|valign="top"|DataGrapheName
 
|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
#Titre 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
#Taille de la police du Titre
+
 
#Couleur du fond
+
Les valeurs possible de paramètre du graphe sont les suivantes :
#Echelle#Police 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 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)
 +
 
 +
|-
 +
|valign="top"|DataGrapheValue
 +
|valign="top"|Pointeur
 +
|valign="top"|[[File:in.png|caption]]
 +
|valign="top" align="center"|2
 +
|Pointeur vers un tableau texte des valeurs de paramètre du graphe
 +
 
 
|-
 
|-
 
|valign="top"|axes
 
|valign="top"|axes
 
|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 (minimum 3)
 
|Pointeur vers un tableau texte des noms des axes (minimum 3)
#Affichage des échelles (oui/non)
 
  
 
|-
 
|-
Ligne 27 : Ligne 64 :
 
|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 à 2 dimensions des paramètres des séries
 
|Pointeur vers un tableau texte à 2 dimensions des paramètres des séries
  
Ligne 33 : Ligne 71 :
 
|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 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 41 : Ligne 80 :
 
|valign="top"|Image
 
|valign="top"|Image
 
|valign="top"|[[File:out.png|caption]]
 
|valign="top"|[[File:out.png|caption]]
 +
|
 
|Image incluant le code SVG
 
|Image incluant le code SVG
  
Ligne 52 : Ligne 92 :
 
=== Exemple de code===
 
=== Exemple de code===
 
----
 
----
// Nom utilisateur (OS) : Paul Kuhn - BlueCompany
+
 
// ----------------------------------------------------
+
[[File:Kiviat1.jpg|800px]]
// Méthode : Exemple_Kiviat
+
 
 +
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
+
  // Définition des paramètre de dessin génériques du graphe
 
  TABLEAU TEXTE($DataGraphe;0)
 
  TABLEAU TEXTE($DataGraphe;0)
  AJOUTER A TABLEAU($DataGraphe;"Exemple de graphe en étoile")  // 1 - titre du graphe
+
TABLEAU TEXTE($DataGrapheName;0)
  AJOUTER A TABLEAU($DataGraphe;"30")  // 2 - taille du libellé
+
AJOUTER A TABLEAU($DataGrapheName;"Title")
  AJOUTER A TABLEAU($DataGraphe;"White")  // 3 - couleur du fond
+
  AJOUTER A TABLEAU($DataGraphe;"Exemple de graphe en étoile")
  AJOUTER A TABLEAU($DataGraphe;"oui")  // 4 - Echelle
+
   
 +
  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
 
  AJOUTER A TABLEAU($DataGraphe;"times")  // 5 - Police du graphe
 
   
 
   
Ligne 98 : 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 108 : Ligne 164 :
 
   
 
   
 
   // appel de la commande générant le graphe
 
   // appel de la commande générant le graphe
  TheGraphe:=SGR_Generate_Kiviat (->$DataGraphe;->axes;->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)