Exemple de graphique : simple
Examinons le document XML suivant. (Il est nommé YearlySales.xml et est disponible dans le dossier C:\Documents and Settings\<username>\My Documents\Altova\XMLSpy2025\Examples\Tutorial.)
<?xml version="1.0" encoding="UTF-8"?>
<Data xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:noNamespaceSchemaLocation="YearlySales.xsd">
<Region id="Americas">
<Year id="2005">30000</Year>
<Year id="2006">90000</Year>
<Year id="2007">120000</Year>
<Year id="2008">180000</Year>
<Year id="2009">140000</Year>
<Year id="2010">100000</Year>
</Region>
<Region id="Europe">
<Year id="2005">50000</Year>
<Year id="2006">60000</Year>
<Year id="2007">80000</Year>
<Year id="2008">100000</Year>
<Year id="2009">95000</Year>
<Year id="2010">80000</Year>
</Region>
<Region id="Asia">
<Year id="2005">10000</Year>
<Year id="2006">25000</Year>
<Year id="2007">70000</Year>
<Year id="2008">110000</Year>
<Year id="2009">125000</Year>
<Year id="2010">150000</Year>
</Region>
</Data>
Nous souhaitons produire un graphique qui affiche les trois régions sur l'Axe X et indique les ventes annuelles pour chaque région. Notre graphique devrait ressembler au graphique à barres ci-dessous.
Il s'agit d'un graphique simple parce que nous pouvons sélectionner l'élément Region en tant que le XPath de source. L'expression du XPath de source retourne une séquence de trois items : les trois éléments Region. Chaque élément Region sera, à son tour, le nœud contextuel pour les sélections de données de l'Axe X et de l'Axe Y.
Pour les séries, nous nécessitons les éléments Year de chaque région, donc une profondeur de recherche de 1 niveau suffira. Nous choisissons l'attribut id de l'élément Region pour l'Axe X. Les valeurs de l'attribut id seront donc utilisées en tant que les libellés des trois graduations de l'Axe X. Toutes les séries Year sont cochées parce que nous souhaitons inclure tous les éléments Year dans la table des données de graphique.
Cliquer sur la touche OK pour générer le graphique. Pour des graphiques plus avancés, voir la section, Exemple de graphique : avancé.