- Passer au contenu principal
- Passer à « À propos de ce site »

# Graphiques - Simple

- Documentation
- Questions ou commentaires?

- Graphiques - Simple (actuelle)
- Étiquettage et valeur de référence
- Personalisation, préréglages personnalisés et plusieurs types de graphique
- Personalisation de diagrame circulaire
- Scénarios d'essai spécifiques

## Par défaut

`<table class="wb-charts table">`

Nombre de page par objectif principal et par audience
| Éducative | Tâches | Navigation | Soutien | Information | Entreprise
Général | 2 | 0 | 20 | 4 | 100 | 50
Étudiants | 2 | 2 | 1 | 5 | 50 | 0
Entreprise | 60 | 10 | 20 | 90 | 50 | 8
Professionnel | 46 | 26 | 5 | 101 | 200 | 142
Avocat | 0 | 2 | 4 | 0 | 300 | 300

## Graphique en région

`<table class="wb-charts wb-charts-area table">`

Nombre de page par objectif principal et par audience
| Éducative | Tâches | Navigation | Soutien | Information | Entreprise
Général | 2 | 0 | 20 | 4 | 100 | 50
Étudiants | 2 | 2 | 1 | 5 | 50 | 0
Entreprise | 60 | 10 | 20 | 90 | 50 | 8
Professionnel | 46 | 26 | 5 | 101 | 200 | 142
Avocat | 0 | 2 | 4 | 0 | 300 | 300

## Graphiques à barres

`<table class="wb-charts wb-charts-bar table">`

Nombre de page par objectif principal et par audience
| Éducative | Tâches | Navigation | Soutien | Information | Entreprise
Général | 2 | 0 | 20 | 4 | 100 | 50
Étudiants | 2 | 2 | 1 | 5 | 50 | 0
Entreprise | 60 | 10 | 20 | 90 | 50 | 8
Professionnel | 46 | 26 | 5 | 101 | 200 | 142
Avocat | 0 | 2 | 4 | 0 | 300 | 300

## Graphiques à secteurs

`<table class="wb-charts wb-charts-pie table">`

Nombre de page par objectif principal et par audience
| Éducative | Tâches | Navigation | Soutien | Information | Entreprise
Général | 2 | 0 | 20 | 4 | 100 | 50
Étudiants | 2 | 2 | 1 | 5 | 50 | 0
Entreprise | 60 | 10 | 20 | 90 | 50 | 8
Professionnel | 46 | 26 | 5 | 101 | 200 | 142
Avocat | 0 | 2 | 4 | 0 | 300 | 300

## Graphiques à secteurs avec des étiquettes

`<table class="wb-charts wb-charts-pie table">`

Parfois certainnes etiquettes peuvent [etre superposé s'il y a trop de secteur ou si deux secteurs sont trop raproché. Dans le cas ou les etiquette sont superposé, vous devriez considérer d'organiser le visuel de vos données dans un autre type de graphique.

Veuillez consulter la documentation pour connaitre tous les options configurable pour le graphique a secteur avec des étiquettes.

Nombre de page par objectif principal et par audience
| Éducative | Tâches | Navigation | Soutien | Information | Entreprise
Entreprise | 60 | 10 | 20 | 90 | 50 | 8

## Tableau de données utilisé

Nombre de page par objectif principal et par audience
| Éducative | Tâches | Navigation | Soutien | Information | Entreprise
Général | 2 | 0 | 20 | 4 | 100 | 50
Étudiants | 2 | 2 | 1 | 5 | 50 | 0
Entreprise | 60 | 10 | 20 | 90 | 50 | 8
Professionnel | 46 | 26 | 5 | 101 | 200 | 142
Avocat | 0 | 2 | 4 | 0 | 300 | 300

Visualiser le code

    <table class="table">
    	<caption>Nombre de page par objectif principal et par audience</caption>
    	<tr>
    		<td></td>
    		<th>Éducative</th>
    		<th>Tâches</th>
    		<th>Navigation</th>
    		<th>Soutien</th>
    		<th>Information</th>
    		<th>Entreprise</th>
    	</tr>
    	<tr>
    		<th>Général</th>
    		<td>2</td>
    		<td>0</td>
    		<td>20</td>
    		<td>4</td>
    		<td>100</td>
    		<td>50</td>
    	</tr>
    	<tr>
    		<th>Étudiants</th>
    		<td>2</td>
    		<td>2</td>
    		<td>1</td>
    		<td>5</td>
    		<td>50</td>
    		<td>0</td>
    	</tr>
    	<tr>
    		<th>Entreprise</th>
    		<td>60</td>
    		<td>10</td>
    		<td>20</td>
    		<td>90</td>
    		<td>50</td>
    		<td>8</td>
    	</tr>
    	<tr>
    		<th>Professionnel</th>
    		<td>46</td>
    		<td>26</td>
    		<td>5</td>
    		<td>101</td>
    		<td>200</td>
    		<td>142</td>
    	</tr>
    	<tr>
    		<th>Avocat</th>
    		<td>0</td>
    		<td>2</td>
    		<td>4</td>
    		<td>0</td>
    		<td>300</td>
    		<td>300</td>
    	</tr>
    </table>

Date de modification :
  2015-03-10