ONYX - 9.0 - Utilisation - Fonctionnement des graphiques/en

Différence entre versions

De MappingDoc
(Page créée avec « Retrieve data from the spool as chart data #- Create your zone (positions in the original file, condition, group membership, etc.) #- <b>Name it</b> as the complex graph... »)
(Page créée avec « The XML method is riskier because the number of lines present in the XML fields preceding the camembert was unknown, so it would have to join a lot more graph, or do more... »)
 
(88 révisions intermédiaires par le même utilisateur non affichées)
Ligne 81 : Ligne 81 :
 
=Configuration=
 
=Configuration=
  
==Arrondir les valeurs de l'axe Y==
+
==Round Y axis values==
  
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 :
+
To round the Y axis data values, you can either:
#- Dans les propriétés du graphique, sélectionnez l'onglet Positionnement
+
#- Create a zone of type <b>Graphic</b> / <b>Round the Y axis to the nearest n</b> recovering the value "n" in the spool
#- Double-cliquez sur l'image représentant le graphique
+
#- Set value in chart properties
#- 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==
+
To change the rounding pitch:
 +
#- In the chart properties, select the Positioning tab
 +
#- Double-click on the image representing the graph
 +
#- In the Y Axis tab, change the value
  
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.
+
Font and style<br/>
 +
The font and style of the axes are defined in the chart properties and not in the chart type boxes. Even if you don't set a label in the chart properties, you must set the font to use.
  
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 :
+
==Axis data==
#- 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 :
+
To define the axis data, you must create a <b>Graphic</b> / <b>X axis data</b> (or Y) zone retrieving the values ​​in the spool.
#- 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/>
+
Font and 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.
+
The font and style of the data are defined in the chart properties and not in the chart type boxes.  
  
==Origine de l'axe Y==
 
  
Pour définir l'origine de l'axe Y, vous pouvez soit :
+
To change the font and style:
#- Créer une zone de type <b>Graphique</b> / <b>Origine de l'axe Y</b> récupérant la valeur dans le spool
+
#- In the chart properties, select the <b>Positioning</b> tab
#- Définir la valeur dans les propriétés du graphique
+
#- Double click on the chart image
 +
#- Change the values ​​of the <b>Y Axis Font</b> or <b>X Axis Font</b> tab
  
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/>
+
==Number of Y axis intervals==
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 :
+
To set the number of Y axis intervals, you can either:
#- 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
+
#- Create a zone of type <b>Graphic</b> / <b>Nbr of intervals of the Y axis</b> recovering the value in the spool
#- Définir le titre dans le graphique
+
#- Set this number in chart properties
  
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/>
+
To set the number of intervals in the chart properties:
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.
+
#- In the chart properties, select the <b>Positioning</b> tab
 +
#- Double-click on the image representing the graph
 +
#- In the <b>Y Axis</b> tab, modify the value
  
==Titre du graphique==
 
  
Pour donner un titre au graphique, vous pouvez soit :
+
Font and style<br/>
#- Créer une zone de type <b>Graphique</b> / <b>Titre du graphique</b> récupérant le titre dans le spool
+
The font and style of the axes are defined in the chart properties and not in the chart type boxes. Even if you don't set a label in the chart properties, you must set the font to use.
#- Définir le titre dans le graphique
 
  
Pour définir le titre de l'axe dans le graphique :
+
==Y axis origin==
#- 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==
+
To set the origin of the Y axis, you can either:
 +
#- Create a zone of type <b>Graphic</b> / <b>Origin of the Y axis</b> recovering the value in the spool
 +
#- Set value in chart properties
  
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 :
+
To set the origin of the Y axis in the chart properties:
#- Dans les propriétés du graphique, sélectionnez l'onglet <b>Positionnement</b>
+
#- In the chart properties, select the <b>Positioning</b> tab
#- Double-cliquez sur l'image représentant le graphique
+
#- Double-click on the image representing the graph
#- Dans l'onglet <b>Axe Y</b>, modifiez les valeurs
+
#- In the <b>Y Axis</b> tab, modify the value
  
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=
+
Font and style<br/>
 +
The font and style of the axes are defined in the chart properties and not in the chart type boxes. Even if you don't set a label in the chart properties, you must set the font to use.
  
==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).
+
==Axis titles==
  
==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).
+
To give a title to the axes, you can either:
 +
#- Create a <b>Graphic</b> / <b>Title of the X axis</b> (or Y) type zone retrieving the title in the spool
 +
#- Set title in chart
  
==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).
+
To set the axis title in the chart:
 +
#- In the chart properties, select the Positioning tab
 +
#- Double-click on the <b>X axis title</b> area
 +
#- Enter a value in the label
  
==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/>
+
Font and style<br/>
Il s'agit du texte de la légende.
+
The font and style of the axes are defined in the chart properties and not in the chart type boxes. Even if you don't set a label in the chart properties, you must set the font to use.
  
==Données du graphique==
 
  
Ce type de zone récupère dans le spool les valeurs qui vont servir à dessiner le graphique.<br/>
+
==Chart title==
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).
+
To give a title to the graph, you can either:
 +
#- Create a zone of type <b>Graph</b> / <b>Title of the graph</b> retrieving the title in the spool
 +
#- Set title in chart
  
==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.
+
To set the axis title in the chart:
 +
#- In the chart properties, select the Positioning tab
 +
#- Double-click on the <b>Graphic Title</b> area
 +
#- Enter a value in the label
  
==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).
+
Font and style<br/>
 +
The font and style of the axes are defined in the chart properties and not in the chart type boxes. Even if you don't set a label in the chart properties, you must set the font to use.
  
==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).
+
==Minimum / maximum values==
  
==Titre du graphique==
 
  
Ce type de zone récupère une valeur du spool en tant que titre du graphique.
+
To set the min and max values ​​for the Y axis, you can either:
 +
#- Create a zone of type <b>Graphic</b> / <b>Maximum (minimum) value of the Y axis</b> retrieving the value in the spool
 +
#- Set this value in chart properties
  
==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/>
+
To set the min and max values ​​in the chart properties:
Attention, si une donnée du graphique dépasse cette valeur, elle ne s'affichera pas correctement.
+
#- In the chart properties, select the <b>Positioning</b> tab
 +
#- Double-click on the image representing the graph
 +
#- In the <b>Y Axis</b> tab, modify the values
  
==Valeur minimum de l'axe Y==
+
Font and style<br/>
 +
The font and style of the axes are defined in the chart properties and not in the chart type boxes. Even if you don't set a label in the chart properties, you must set the font to use.
  
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=
+
=Parameters=
  
Pour créer un code à barre dans MapDraw, il suffit de créer un objet de type « Graphique ».
+
 
 +
==Round to the nearest n in the Y axis==
 +
 
 +
 
 +
This type of zone allows you to round the values ​​of the vertical axis (for histograms and lines).
 +
 
 +
 
 +
==X axis data==
 +
 
 +
 
 +
This type of zone retrieves values ​​from the spool to use as horizontal axis data (for histograms and lines).
 +
 
 +
==Y axis data==
 +
 
 +
 
 +
This type of zone retrieves values ​​from the spool to use as vertical axis data (for histograms and lines).
 +
 
 +
 
 +
==Legend data==
 +
 
 +
This type of zone retrieves from the spool the values ​​which will be used to draw the legend.<br/>
 +
This is the caption text.
 +
 
 +
 
 +
==Chart data==
 +
 
 +
 
 +
This type of zone retrieves from the spool the values ​​which will be used to draw the graph.<br/>
 +
It only retrieves signed digital data. Other characters are ignored.
 +
 
 +
 
 +
==Number of Y axis intervals==
 +
 
 +
 
 +
This type of zone retrieves values ​​from the spool to use as the number of vertical axis intervals (for histograms and lines).
 +
 
 +
==X axis origin==
 +
 
 +
 
 +
This type of zone retrieves a value from the spool as the origin of the vertical axis (for histograms and lines) i.e. as the first value of the axis.
 +
 
 +
 
 +
==X-axis title==
 +
 
 +
 
 +
This zone type retrieves a value from the spool as the title of the horizontal axis (for histograms and lines).
 +
 
 +
 
 +
==Y-axis title==
 +
 
 +
 
 +
This zone type retrieves a value from the spool as the title of the vertical axis (for histograms and lines).
 +
 
 +
 
 +
==Chart title==
 +
 
 +
 
 +
This zone type retrieves a value from the spool as the graph title.
 +
 
 +
==Maximum value of Y-axis==
 +
 
 +
 
 +
This zone type returns a value of the spool as the maximum value of the vertical axis (for histograms and lines).<br/>
 +
Attention, if a chart data exceeds this value, it will not be displayed corre
 +
 
 +
 
 +
==Minimum value of Y-axis==
 +
 
 +
 
 +
This zone type returns a value from the spool as the minimum value of the vertical axis (for histograms and lines).<br/>
 +
Attention, if a chart data is less than this value, it will not be displayed correctly.
 +
 
 +
==Barcodes==
 +
 
 +
To create a barcode in MapDraw, simply create an object of type “Graphics”.
  
 
[[Fichier:Graph3.png|500px|vignette|néant]]
 
[[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.
+
In the “Type” tab, the number of zones represents the number of types of values ​​to represent, in most cases only one zone is required. The use of multiple zones allows you to define a particular color and style for each value of the chart.
  
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.
+
 
 +
The “Attributes” tab allows you to define the appearance, color, fill type, etc. of each zone.
 +
 
 +
 
 +
The “Positioning” tab allows you to position each element of the graph, including the graph itself, the title of each axis, the title of the graph as well as the legend.
  
 
[[Fichier:Graph4.png|500px|vignette|néant]]
 
[[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>
+
By double-clicking on a particular element, the Properties window is accessed allowing you to modify the properties of the object (character police, color, etc.)
  
Pour définir les attributs du graphique et ajouter des valeurs, il faut ajouter des zones de type graphique.
 
  
Les paramètres possibles sont :
+
<b>Defining Chart Values</b>
#- 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/>
+
To define the graph attributes and add values, graph type zones must be added.
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 :
+
The possible parameters are:
 +
#- Graph Data
 +
#- X-axis data
 +
#- Y-axis data
 +
#- Chart title
 +
#- X-axis titer
 +
#- Y-axis title
 +
#- Legend data
 +
#- Minimum value of Y-axis
 +
#- Maximum Y-axis value
 +
#- Number of Y-axis intervals
 +
#- Rounding the Y-axis values ​​to n
 +
#- Y-axis origin
 +
 
 +
 
 +
These zones allow you to retrieve information from the spool and use it in the graph.
 +
 
 +
 
 +
<b>IMPORTANT:</b><br/>
 +
Graph type areas must have the same name as the graph they are linked to.
 +
 
 +
 
 +
=Overlaid histograms=
 +
 
 +
 
 +
To obtain this type of graph, it is necessary to superimpose several graphs:
  
 
[[Fichier:Graph5.png|500px|vignette|néant]]
 
[[Fichier:Graph5.png|500px|vignette|néant]]
  
Il suffit de jouer sur l’espacement en pourcentage Gauche et Droite :
+
 
 +
It is enough to play on the spacing in percentages Left and Right:
  
 
[[Fichier:Graph6.png|500px|vignette|néant]]
 
[[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é :  
+
By default, a bar of a histogram takes up the entire available width (100%), but by modifying these parameters, it is possible to reduce the width of the bar as well as its position in it by providing a different scale to the left and right .
 +
 
 +
 
 +
It is then sufficient to overlay multiple graphs with different spacing settings to obtain the desired rendering:  
  
 
[[Fichier:Graph7.png|500px|vignette|néant]]
 
[[Fichier:Graph7.png|500px|vignette|néant]]
  
Ici, quatre graphiques superposés donnant un aspect 3D.
 
  
<b>Exemple</b>
+
Here, four graphics are superimposed giving a 3D look.
 +
 
 +
<b>Example</b>
  
 
[[Fichier:Graph8.png|500px|vignette|néant]]
 
[[Fichier:Graph8.png|500px|vignette|néant]]
Ligne 300 : Ligne 360 :
 
[[Fichier:Graph5.png|500px|vignette|néant]]
 
[[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.
+
=Dynamic Graph Positioning=
  
Cependant, on peut jouer autour de cette règle grâce à des conditions.
 
  
==Avec un spool PAG/TXT==
+
A graphic is considered as a fixed zone, so it is impossible to place it dynamically on the page based on the zones located before it.
 +
 
 +
Though, you can play around this rule thanks to some conditions.
 +
 
 +
 
 +
==With a PAG/TXT spool==
  
 
[[Fichier:Graph11.png|500px|vignette|néant]]
 
[[Fichier:Graph11.png|500px|vignette|néant]]
Ligne 314 : Ligne 377 :
 
[[Fichier:Graph13.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 graphiquePar 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>.
+
Here is a simple example of a paged spool containing data to be used in a camembert. Appearance conditions must be set so that the graph appears only if the lines are at certain values.
 +
 
 +
 
 +
Next you need to duplicate the graphFor example, 15 new graphs will be created with the same settings, but each offset 1cm downwards more than the previous one. <b>It is important to increase the conditions, otherwise the zone will only be based on the same lines</b>.
  
 
[[Fichier:Graph14.png|200px|vignette|néant]]
 
[[Fichier:Graph14.png|200px|vignette|néant]]
Ligne 322 : Ligne 387 :
 
[[Fichier:Graph15.png|500px|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.
+
 
 +
After duplication, we get this, each graph is scaled incrementally downwards and checks for different rows in the spool.
  
 
[[Fichier:Graph16.png|200px|vignette|néant]]
 
[[Fichier:Graph16.png|200px|vignette|néant]]
  
Première image : Les données commencent ligne 12.
+
First image: The data starts line 12.
Seconde image : les données commencent ligne 22.
+
Second image: the data starts line 22.
  
 
[[Fichier:Graph17.png|200px|vignette|néant]]
 
[[Fichier:Graph17.png|200px|vignette|néant]]
Ligne 333 : Ligne 399 :
 
[[Fichier:Graph18.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.
+
The graph has therefore changed position according to the position of its data in the spool.
 +
 
  
==Avec un spool XML==
+
This is the only way to position a fixed pseudo-dynamic fashion zone, but a future evolution of ONYX should allow a simpler and more tailored solution to be provided.
  
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.
+
==With an XML spool==
 +
 
 +
 
 +
The best way to render the position of a graph dynamically with an XML spool and to add a field in the input file containing the number of zones present before the graph, as we cannot rely on the number of rows or all other information comes from the spool because the graph is not part of it.
 +
 
 +
 
 +
For example: The “BEFORECAM” field indicates which combination of zones are present before the camembert, for example, its value is 1.
  
 
[[Fichier:Graph19.png|500px|vignette|néant]]
 
[[Fichier:Graph19.png|500px|vignette|néant]]
  
Voici la condition sur le premier graphique :  
+
Here is the condition on the first graph:  
  
 
[[Fichier:Graph20.png|200px|vignette|néant]]
 
[[Fichier:Graph20.png|200px|vignette|néant]]
Ligne 352 : Ligne 423 :
  
  
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…
+
The duplicate button can be used, but the value must be changed manually because this is not a row, so the increment will not change anything.
 +
 
 +
 
 +
The first graph showed that if the value is equal to 1, the second if it is 2, etc…
 +
 
 +
 
 +
The problem with this solution, is that it requires a modification of the Connect potential that generates the XML file to reach the field, and assign a value to it based on the content of the previous fields.
  
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.
+
The XML method is riskier because the number of lines present in the XML fields preceding the camembert was unknown, so it would have to join a lot more graph, or do more code-lettering to fit different functions of the blocks.
  
  
 
{{DEFAULTSORT:ONYX:9.0:Utilisation:Fonctionnement des graphiques}}
 
{{DEFAULTSORT:ONYX:9.0:Utilisation:Fonctionnement des graphiques}}

Version actuelle datée du 2 janvier 2025 à 10:22

Autres langues :
English • ‎français


ONYX Designer includes a graphics creation module whose operation is explained below.

Create a new graphic

  1. - Click on the Graphic icon on the Variable toolbar.
  2. - Click on the page and drag the mouse to draw the frame where the graphic will be printed.
  3. - Enter a name, a number of zones, and check the type of chart you want to print.


The number of zones to enter is the maximum number of zones that your graph can contain.

Graph1.png


Configure a chart

The graphics allow fairly advanced configuration. You can modify axis titles, number of intervals, maximum values…


For all these parameters, you can either set the values ​​for this graph or retrieve this information from the spool. The information retrieved from the spool will take priority over the values ​​defined “hard” for this graph.


This is useful, for example, in the case where the chart title is not present in all pages of the spool. This amounts to considering the values ​​in the chart as default values. In this case, the graphic type zones must be conditioned on the presence of a value in the spool.


  1. - Chart title
  2. - Title of the axes
  3. - Axis data
  4. - Minimum / maximum values
  5. - Number of Y axis intervals
  6. - Y axis origin
  7. - Round Y axis values
Graph2.png

Graphic type area

These areas allow you to completely configure your graph according to the spool values: titles, legend, axes, etc.


  1. - Chart data
  2. - X axis data
  3. - Y axis data
  4. - Chart title
  5. - X axis title
  6. - Y axis title
  7. - Legend data
  8. - Minimum value of Y axis
  9. - Maximum value of Y axis
  10. - Number of Y axis intervals
  11. - Round to the nearest n in the Y axis
  12. - Y axis origin


Retrieving data field

A chart does not retrieve data from the spool on its own. It uses graphic type areas. This allows you to completely condition data recovery.


To associate zones with a graph, simply give them the same name.


The zones can of course belong to a group, fixed or variable, be conditioned... Font and style information is not used. A Graphic type zone does not print anything on its own.


Retrieve data from the spool as chart data

  1. - Create your zone (positions in the original file, condition, group membership, etc.)
  2. - Name it as the complex graph it depends on
  3. - Select type Graphic
  4. - Choose subtype Chart Data

Configuration

Round Y axis values

To round the Y axis data values, you can either:

  1. - Create a zone of type Graphic / Round the Y axis to the nearest n recovering the value "n" in the spool
  2. - Set value in chart properties


To change the rounding pitch:

  1. - In the chart properties, select the Positioning tab
  2. - Double-click on the image representing the graph
  3. - In the Y Axis tab, change the value

Font and style
The font and style of the axes are defined in the chart properties and not in the chart type boxes. Even if you don't set a label in the chart properties, you must set the font to use.


Axis data

To define the axis data, you must create a Graphic / X axis data (or Y) zone retrieving the values ​​in the spool.


Font and style
The font and style of the data are defined in the chart properties and not in the chart type boxes.


To change the font and style:

  1. - In the chart properties, select the Positioning tab
  2. - Double click on the chart image
  3. - Change the values ​​of the Y Axis Font or X Axis Font tab


Number of Y axis intervals

To set the number of Y axis intervals, you can either:

  1. - Create a zone of type Graphic / Nbr of intervals of the Y axis recovering the value in the spool
  2. - Set this number in chart properties


To set the number of intervals in the chart properties:

  1. - In the chart properties, select the Positioning tab
  2. - Double-click on the image representing the graph
  3. - In the Y Axis tab, modify the value


Font and style
The font and style of the axes are defined in the chart properties and not in the chart type boxes. Even if you don't set a label in the chart properties, you must set the font to use.

Y axis origin

To set the origin of the Y axis, you can either:

  1. - Create a zone of type Graphic / Origin of the Y axis recovering the value in the spool
  2. - Set value in chart properties


To set the origin of the Y axis in the chart properties:

  1. - In the chart properties, select the Positioning tab
  2. - Double-click on the image representing the graph
  3. - In the Y Axis tab, modify the value


Font and style
The font and style of the axes are defined in the chart properties and not in the chart type boxes. Even if you don't set a label in the chart properties, you must set the font to use.


Axis titles

To give a title to the axes, you can either:

  1. - Create a Graphic / Title of the X axis (or Y) type zone retrieving the title in the spool
  2. - Set title in chart


To set the axis title in the chart:

  1. - In the chart properties, select the Positioning tab
  2. - Double-click on the X axis title area
  3. - Enter a value in the label


Font and style
The font and style of the axes are defined in the chart properties and not in the chart type boxes. Even if you don't set a label in the chart properties, you must set the font to use.


Chart title

To give a title to the graph, you can either:

  1. - Create a zone of type Graph / Title of the graph retrieving the title in the spool
  2. - Set title in chart


To set the axis title in the chart:

  1. - In the chart properties, select the Positioning tab
  2. - Double-click on the Graphic Title area
  3. - Enter a value in the label


Font and style
The font and style of the axes are defined in the chart properties and not in the chart type boxes. Even if you don't set a label in the chart properties, you must set the font to use.


Minimum / maximum values

To set the min and max values ​​for the Y axis, you can either:

  1. - Create a zone of type Graphic / Maximum (minimum) value of the Y axis retrieving the value in the spool
  2. - Set this value in chart properties


To set the min and max values ​​in the chart properties:

  1. - In the chart properties, select the Positioning tab
  2. - Double-click on the image representing the graph
  3. - In the Y Axis tab, modify the values

Font and style
The font and style of the axes are defined in the chart properties and not in the chart type boxes. Even if you don't set a label in the chart properties, you must set the font to use.


Parameters

Round to the nearest n in the Y axis

This type of zone allows you to round the values ​​of the vertical axis (for histograms and lines).


X axis data

This type of zone retrieves values ​​from the spool to use as horizontal axis data (for histograms and lines).

Y axis data

This type of zone retrieves values ​​from the spool to use as vertical axis data (for histograms and lines).


Legend data

This type of zone retrieves from the spool the values ​​which will be used to draw the legend.
This is the caption text.


Chart data

This type of zone retrieves from the spool the values ​​which will be used to draw the graph.
It only retrieves signed digital data. Other characters are ignored.


Number of Y axis intervals

This type of zone retrieves values ​​from the spool to use as the number of vertical axis intervals (for histograms and lines).

X axis origin

This type of zone retrieves a value from the spool as the origin of the vertical axis (for histograms and lines) i.e. as the first value of the axis.


X-axis title

This zone type retrieves a value from the spool as the title of the horizontal axis (for histograms and lines).


Y-axis title

This zone type retrieves a value from the spool as the title of the vertical axis (for histograms and lines).


Chart title

This zone type retrieves a value from the spool as the graph title.

Maximum value of Y-axis

This zone type returns a value of the spool as the maximum value of the vertical axis (for histograms and lines).
Attention, if a chart data exceeds this value, it will not be displayed corre


Minimum value of Y-axis

This zone type returns a value from the spool as the minimum value of the vertical axis (for histograms and lines).
Attention, if a chart data is less than this value, it will not be displayed correctly.

Barcodes

To create a barcode in MapDraw, simply create an object of type “Graphics”.

Graph3.png


In the “Type” tab, the number of zones represents the number of types of values ​​to represent, in most cases only one zone is required. The use of multiple zones allows you to define a particular color and style for each value of the chart.


The “Attributes” tab allows you to define the appearance, color, fill type, etc. of each zone.


The “Positioning” tab allows you to position each element of the graph, including the graph itself, the title of each axis, the title of the graph as well as the legend.

Graph4.png


By double-clicking on a particular element, the Properties window is accessed allowing you to modify the properties of the object (character police, color, etc.)


Defining Chart Values


To define the graph attributes and add values, graph type zones must be added.


The possible parameters are:

  1. - Graph Data
  2. - X-axis data
  3. - Y-axis data
  4. - Chart title
  5. - X-axis titer
  6. - Y-axis title
  7. - Legend data
  8. - Minimum value of Y-axis
  9. - Maximum Y-axis value
  10. - Number of Y-axis intervals
  11. - Rounding the Y-axis values ​​to n
  12. - Y-axis origin


These zones allow you to retrieve information from the spool and use it in the graph.


IMPORTANT:
Graph type areas must have the same name as the graph they are linked to.


Overlaid histograms

To obtain this type of graph, it is necessary to superimpose several graphs:

Graph5.png


It is enough to play on the spacing in percentages Left and Right:

Graph6.png


By default, a bar of a histogram takes up the entire available width (100%), but by modifying these parameters, it is possible to reduce the width of the bar as well as its position in it by providing a different scale to the left and right .


It is then sufficient to overlay multiple graphs with different spacing settings to obtain the desired rendering:

Graph7.png


Here, four graphics are superimposed giving a 3D look.

Example

Graph8.png

+

Graph9.png

=

Graph5.png


Dynamic Graph Positioning

A graphic is considered as a fixed zone, so it is impossible to place it dynamically on the page based on the zones located before it.

Though, you can play around this rule thanks to some conditions.


With a PAG/TXT spool

Graph11.png
Graph12.png
Graph13.png


Here is a simple example of a paged spool containing data to be used in a camembert. Appearance conditions must be set so that the graph appears only if the lines are at certain values.


Next you need to duplicate the graph. For example, 15 new graphs will be created with the same settings, but each offset 1cm downwards more than the previous one. It is important to increase the conditions, otherwise the zone will only be based on the same lines.

Graph14.png
Graph15.png


After duplication, we get this, each graph is scaled incrementally downwards and checks for different rows in the spool.

Graph16.png

First image: The data starts line 12. Second image: the data starts line 22.

Graph17.png
Graph18.png


The graph has therefore changed position according to the position of its data in the spool.


This is the only way to position a fixed pseudo-dynamic fashion zone, but a future evolution of ONYX should allow a simpler and more tailored solution to be provided.


With an XML spool

The best way to render the position of a graph dynamically with an XML spool and to add a field in the input file containing the number of zones present before the graph, as we cannot rely on the number of rows or all other information comes from the spool because the graph is not part of it.


For example: The “BEFORECAM” field indicates which combination of zones are present before the camembert, for example, its value is 1.

Graph19.png

Here is the condition on the first graph:

Graph20.png
Graph21.png


The duplicate button can be used, but the value must be changed manually because this is not a row, so the increment will not change anything.


The first graph showed that if the value is equal to 1, the second if it is 2, etc…


The problem with this solution, is that it requires a modification of the Connect potential that generates the XML file to reach the field, and assign a value to it based on the content of the previous fields.


The XML method is riskier because the number of lines present in the XML fields preceding the camembert was unknown, so it would have to join a lot more graph, or do more code-lettering to fit different functions of the blocks.