Fonctionnement des graphiques/fr

<languages />

ONYX Designer intègre un module de création de graphiques dont le fonctionnement est expliqué ci-dessous.

=Créer un nouveau graphique=

#- Cliquez sur l'icone <b>Graphique</b> de la barre d'outils <b>Variable</b>.
#- Cliquez sur la page et faites glisser la souris pour tracer le cadre où s'imprimera le graphique.
#- Entrez un <b>nom</b>, un <b>nombre de zones</b>, et cochez le <b>type de graphique</b> que vous voulez imprimer.

Le nombre de zones à entrer est le nombre de zones maximum que peut comporter votre graphique.

[[Fichier:Graph1.png|500px|vignette|néant]]

=Paramétrer un graphique=

Les graphiques permettent un paramétrage assez évolué. Vous pouvez modifier les titres des axes, le nombre d'intervalles, les valeurs maximales…

Pour tous ces paramètres, vous pouvez soit fixer les valeurs pour ce graphique soit récupérer ces informations dans le spool. Les informations récupérées dans le spool seront prioritaires sur les valeurs définies "en dur" pour ce graphique.

C'est utile, par exemple, dans le cas où le titre du graphique n'est pas présent dans toutes les pages du spool. Cela revient à considérer les valeurs du graphique comme étant des valeurs par défaut. Il faut dans ce cas conditionner les zones de type graphique sur la présence d'une valeur dans le spool. 

#- Titre du graphique
#- Titre des axes
#- Données des axes
#- Valeurs minimales / maximales
#- Nombre d'intervalles de l'axe Y
#- Origine de l'axe Y
#- Arrondir les valeurs de l'axe Y

[[Fichier:Graph2.png|500px|vignette|néant]]

=Zone de type Graphique=

Ces zones permettent de paramétrer complètement votre graphique en fonction des valeurs du spool : titres, légende, axes…

#- Données du graphique
#- Données de l'axe X
#- Données de l'axe Y
#- Titre du graphique
#- Titre de l'axe X
#- Titre de l'axe Y
#- Données de la légende
#- Valeur minimum de l'axe Y
#- Valeur maximum de l'axe Y
#- Nbr d'intervalles de l'axe Y
#- Arrondir à n près dans l'axe Y
#- Origine de l'axe Y

=Récupération des zones de données=

Un graphique ne récupère pas seul de données du spool. Il utilise des zones de type graphique.
Cela permet de conditionner complètement la récupération des données.

<b>Pour associer des zones à un graphique, il suffit de leur donner le même nom.</b>

Les zones peuvent bien entendu appartenir à un groupe, fixe ou variable, être conditionnées...
Les informations de police et style ne sont pas utilisées.
Une zone de type Graphique n'imprime rien seule.

Récupérer une donnée du spool en tant que donnée du graphique
#- Créez votre zone (positions dans le fichier d'origine, condition, appartenance à un groupe...)
#- <b>Nommez-la</b> comme le graphique complexe dont elle dépend
#- Sélectionnez le type <b>Graphique</b>
#- Choisissez le sous-type <b>Données du graphique</b>

=Configuration=

==Arrondir les valeurs de l'axe Y==

Pour arrondir les valeurs des données de l'axe Y, vous pouvez soit :
#- Créer une zone de type <b>Graphique</b> / <b>Arrondir à n près l'axe Y</b> récupérant la valeur "n" dans le spool
#- Définir la valeur dans les propriétés du graphique

Pour modifier le pas de l'arrondi :
#- Dans les propriétés du graphique, sélectionnez l'onglet Positionnement
#- Double-cliquez sur l'image représentant le graphique
#- Dans l'onglet Axe Y, modifiez la valeur

Police et style<br/>
La police et le style des axes sont définis dans les propriétés du graphique et non dans les zones de type graphique. Même si vous ne définissez pas de label dans les propriétés du graphique, vous devez définir la police à utiliser.

==Données des axes==

Pour définir les données des axes, vous devez créer une zone de type <b>Graphique</b> / <b>Données de l'axe X</b> (ou Y) récupérant les valeurs dans le spool.

Police et style<br/>
La police et le style des données sont définis dans les propriétés du graphique et non dans les zones de type graphique. 

Pour modifier la police et le style :
#- Dans les propriétés du graphique, sélectionnez l'onglet <b>Positionnement</b>
#- Double-cliquez sur l'image du graphique
#- Modifiez les valeurs de l'onglet <b>Police Axe Y</b> ou <b>Police Axe X</b>

==Nombre d'intervalles de l'axe Y==

Pour définir le nombre d'intervalles de l'axe Y, vous pouvez soit :
#- Créer une zone de type <b>Graphique</b> / <b>Nbr d'intervalles de l'axe Y</b> récupérant la valeur dans le spool
#- Définir ce nombre dans les propriétés du graphique

Pour définir le nombre d'intervalles dans les propriétés du graphique :
#- Dans les propriétés du graphique, sélectionnez l'onglet <b>Positionnement</b>
#- Double-cliquez sur l'image représentant le graphique
#- Dans l'onglet <b>Axe Y</b>, modifiez la valeur

Police et style<br/>
La police et le style des axes sont définis dans les propriétés du graphique et non dans les zones de type graphique. Même si vous ne définissez pas de label dans les propriétés du graphique, vous devez définir la police à utiliser.

==Origine de l'axe Y==

Pour définir l'origine de l'axe Y, vous pouvez soit :
#- Créer une zone de type <b>Graphique</b> / <b>Origine de l'axe Y</b> récupérant la valeur dans le spool
#- Définir la valeur dans les propriétés du graphique

Pour définir l'origine de l'axe Y dans les propriétés du graphique :
#- Dans les propriétés du graphique, sélectionnez l'onglet <b>Positionnement</b>
#- Double-cliquez sur l'image représentant le graphique
#- Dans l'onglet <b>Axe Y</b>, modifiez la valeur

Police et style<br/>
La police et le style des axes sont définis dans les propriétés du graphique et non dans les zones de type graphique. Même si vous ne définissez pas de label dans les propriétés du graphique, vous devez définir la police à utiliser.

==Titre des axes==

Pour donner un titre aux axes, vous pouvez soit :
#- Créer une zone de type <b>Graphique</b> / <b>Titre de l'axe X</b> (ou Y) récupérant le titre dans le spool
#- Définir le titre dans le graphique

Pour définir le titre de l'axe dans le graphique :
#- Dans les propriétés du graphique, sélectionnez l'onglet Positionnement
#- Double-cliquez sur la zone <b>Titre de l'axe X</b>
#- Entrez une valeur dans le label

Police et style<br/>
La police et le style des axes sont définis dans les propriétés du graphique et non dans les zones de type graphique. Même si vous ne définissez pas de label dans les propriétés du graphique, vous devez définir la police à utiliser.

==Titre du graphique==

Pour donner un titre au graphique, vous pouvez soit :
#- Créer une zone de type <b>Graphique</b> / <b>Titre du graphique</b> récupérant le titre dans le spool
#- Définir le titre dans le graphique

Pour définir le titre de l'axe dans le graphique :
#- Dans les propriétés du graphique, sélectionnez l'onglet Positionnement
#- Double-cliquez sur la zone <b>Titre Graphique</b>
#- Entrez une valeur dans le label

Police et style<br/>
La police et le style des axes sont définis dans les propriétés du graphique et non dans les zones de type graphique. Même si vous ne définissez pas de label dans les propriétés du graphique, vous devez définir la police à utiliser.

==Valeurs minimales / maximales==

Pour définir les valeurs mini et maxi de l'axe Y, vous pouvez soit :
#- Créer une zone de type <b>Graphique</b> / <b>Valeur maximale (minimale) de l'axe Y</b> récupérant la valeur dans le spool
#- Définir cette valeur dans les propriétés du graphique

Pour définir les valeurs mini et maxi dans les propriétés du graphique :
#- Dans les propriétés du graphique, sélectionnez l'onglet <b>Positionnement</b>
#- Double-cliquez sur l'image représentant le graphique
#- Dans l'onglet <b>Axe Y</b>, modifiez les valeurs

Police et style<br/>
La police et le style des axes sont définis dans les propriétés du graphique et non dans les zones de type graphique. Même si vous ne définissez pas de label dans les propriétés du graphique, vous devez définir la police à utiliser.

=Paramètres=

==Arrondir à n près dans l'axe Y==

Ce type de zone permet d'arrondir les valeurs de l'axe vertical (pour les histogrammes et les lignes).

==Données de l'axe X==

Ce type de zone récupère des valeurs du spool pour les utiliser en tant que données de l'axe horizontal (pour les histogrammes et les lignes).

==Données de l'axe Y==

Ce type de zone récupère des valeurs du spool pour les utiliser en tant que données de l'axe vertical (pour les histogrammes et les lignes).

==Données de la légende==

Ce type de zone récupère dans le spool les valeurs qui vont servir à dessiner la légende.<br/>
Il s'agit du texte de la légende.

==Données du graphique==

Ce type de zone récupère dans le spool les valeurs qui vont servir à dessiner le graphique.<br/>
Elle ne récupère que des données de type numérique signée. Les autres caractères sont ignorés.

==Nombre d'intervalles de l'axe Y==

Ce type de zone récupère des valeurs du spool pour les utiliser en tant que nombre d'intervalles de l'axe vertical (pour les histogrammes et les lignes).

==Origine de l'axe X==

Ce type de zone récupère une valeur du spool en tant qu'origine de l'axe vertical (pour les histogrammes et les lignes) c'est à dire comme première valeur de l'axe.

==Titre de l'axe X==

Ce type de zone récupère une valeur du spool en tant que titre de l'axe horizontal (pour les histogrammes et les lignes).

==Titre de l'axe Y==

Ce type de zone récupère une valeur du spool en tant que titre de l'axe vertical (pour les histogrammes et les lignes).

==Titre du graphique==

Ce type de zone récupère une valeur du spool en tant que titre du graphique.

==Valeur maximum de l'axe Y==

Ce type de zone récupère une valeur du spool en tant que valeur maximum de l'axe vertical (pour les histogrammes et les lignes).<br/>
Attention, si une donnée du graphique dépasse cette valeur, elle ne s'affichera pas correctement.

==Valeur minimum de l'axe Y==

Ce type de zone récupère une valeur du spool en tant que valeur minimum de l'axe vertical (pour les histogrammes et les lignes).<br/>
Attention, si une donnée du graphique est inférieure à cette valeur, elle ne s'affichera pas correctement.

=Code à barre=

Pour créer un code à barre dans MapDraw, il suffit de créer un objet de type « Graphique ».

[[Fichier:Graph3.png|500px|vignette|néant]]

Dans l’onglet « Type », le nombre de zones représente le nombre de types de valeurs à représenter, dans la plupart des cas une seule zone est nécessaire. L’utilisation de plusieurs zones permet de définir une couleur et un style particulier à chaque valeur du graphique.

L’onglet « Attributs » permet de définir l’apparence de chaque zone, sa couleur, son type de remplissage, etc.

L’onglet « Positionnement » permet de positionner chaque élément du graphique, à savoir le graphique en lui-même, le titre de chaque axe, le titre du graphique ainsi que la légende.

[[Fichier:Graph4.png|500px|vignette|néant]]

En double-cliquant sur un élément particulier, on accède à la fenêtre de Propriétés permettant de modifier les propriétés de l’objet (police de caractère, couleur, etc.)

<b>Définition des valeurs du graphique</b>

Pour définir les attributs du graphique et ajouter des valeurs, il faut ajouter des zones de type graphique.

Les paramètres possibles sont :
#- Données du graphique
#- Données de l’axe X
#- Donnée de l’axe Y
#- Titre du graphique
#- Titre de l’axe X
#- Titre de l’axe Y
#- Données de la légende
#- Valeur minimum de l’axe Y
#- Valeur maximum de l’axe Y
#- Nombre d’intervalles de l’axe Y
#- Arrondir les valeurs de l’axe Y à n prés
#- Origine de l’axe Y

Ces zones permettront de récupérer des informations du spool et de les utiliser dans le graphique. 

<b>IMPORTANT :</b><br/>
Les zones de type graphique doivent avoir le même nom que le graphique auquel elles sont reliées.

=Histogrammes superposés=

Pour obtenir ce genre de graphique, il est nécessaire de superposer plusieurs graphiques :

[[Fichier:Graph5.png|500px|vignette|néant]]

Il suffit de jouer sur l’espacement en pourcentage Gauche et Droite :

[[Fichier:Graph6.png|500px|vignette|néant]]

Par défaut, une barre d’un histogramme prend toute la largeur disponible (100%), mais en modifiant ces paramètres, il est possible de réduire la largeur de la barre ainsi que sa position en lui apportant un écart différent à droite et à gauche.

Il suffit ensuite de superposer plusieurs graphiques avec divers paramétrages d’espacement pour obtenir le rendu souhaité : 

[[Fichier:Graph7.png|500px|vignette|néant]]

Ici, quatre graphiques superposés donnant un aspect 3D.

<b>Exemple</b>

[[Fichier:Graph8.png|500px|vignette|néant]]

<b>+</b>

[[Fichier:Graph9.png|500px|vignette|néant]]

<b>=</b>

[[Fichier:Graph5.png|500px|vignette|néant]]

=Positionnement dynamique du graphique=

Un graphique est considéré comme une zone fixe, il est donc impossible de le placer dynamiquement sur la page en fonction des zones se trouvant avant lui.

Cependant, on peut jouer autour de cette règle grâce à des conditions.

==Avec un spool PAG/TXT==

[[Fichier:Graph11.png|500px|vignette|néant]]

[[Fichier:Graph12.png|200px|vignette|néant]]

[[Fichier:Graph13.png|200px|vignette|néant]]

Voici un exemple simple de spool paginé qui contient des données à utiliser dans un camembert. Il faut mettre des conditions d’apparitions pour que le graphique n’apparaisse que si les lignes sont à certaines valeurs.

Ensuite il faut dupliquer le graphique.  Par exemple, on va créer 15 nouveaux graphiques avec les même paramètres, mais chacun décalé de 1cm vers le bas de plus que le précèdent. <b>Il est important d’incrémenter les conditions, sinon la zone ne va se baser que sur les mêmes lignes</b>.

[[Fichier:Graph14.png|200px|vignette|néant]]

[[Fichier:Graph15.png|500px|vignette|néant]]

Après duplication, on obtient ceci, chaque graphique est décalé de plus en plus vers le bas et vérifie des lignes différentes dans le spool.

[[Fichier:Graph16.png|200px|vignette|néant]]

Première image : Les données commencent ligne 12.
Seconde image : les données commencent ligne 22.

[[Fichier:Graph17.png|200px|vignette|néant]]

[[Fichier:Graph18.png|200px|vignette|néant]]

Le graphique a donc changé de position selon la position de ses données dans le spool.

C’est la seule façon de positionner une zone fixe de façon pseudo-dynamique, mais une évolution future d’ONYX devrait permettre de fournir une solution plus simple et adaptée.

==Avec un spool XML==

Le meilleur moyen de rendre la position d’un graphique dynamique avec un spool XML et de rajouter un field dans le fichier d’entrée contenant le nombre de zones présentes avant le graphique, car on ne peut pas se baser sur le nombre de ligne ou toutes autres informations provenant du spool car le graphique n’en fait pas parti.

Par exemple : Le field “BEFORECAM” indique combine de zones sont présentes avant le camembert, pour l’exemple, sa valeur est de 1.

[[Fichier:Graph19.png|500px|vignette|néant]]

Voici la condition sur le premier graphique : 

[[Fichier:Graph20.png|200px|vignette|néant]]

[[Fichier:Graph21.png|200px|vignette|néant]]


On peut utiliser le bouton dupliquer, mais il faut changer la valeur manuellement car ce n’est pas une ligne, donc l’incrémentation ne changera rien.

Le premier graphique n’apparait que si la valeur est égale à 1, le deuxième si c’est 2, etc…

Le problème de cette solution, c’est qu’elle demande une modification du potentiel Connect qui génère le fichier XML pour rajouter le champ, et lui attribuer une valeur en fonction du contenu des fields précédents.

La méthode XML est plus risqué car on ne connait pas le nombre de ligne présent dans les champs XML précédant le camembert, il faudrait donc rajouter beaucoup plus de graphique, ou faire plusieurs code-lettre pour s’adapter en fonctions des différents blocs.


{{DEFAULTSORT:ONYX:9.0:Utilisation:Fonctionnement des graphiques}}