Bar or Line chart (graphiques barre ou ligne)

Bloc "Bar or Line chart" :   Démo 1   -   Démo 2

1/ Créer une « Bar or Line Chart »

1. Pour créer une « Bar or Line Chart », restez en mode « Page ». Le mode « Page »  est sélectionné par défaut dans le menu gauche.

2. Recherchez dans l’arborescence la page où vous souhaitez ajouter votre contenu et cliquez dessus.

3. Dans la catégorie « Main content » de votre page, cliquez sur l’icône « New Record » . Cliquez sur l’onglet « Dynamic Content Elements ». Puis sélectionnez « Bar or Line Chart ». Vous accédez alors aux propriétés de ce contenu que vous devez définir. 

4. Vérifiez que le Type « Bar or Line Chart » est affiché.

 2/ Définir les propriétés : Onglet « General »

1. Choisissez un identifiant pour votre contenu.

2. Donnez un titre à votre bloc, qui sera visible en bas de l’infographie (exemple ci-dessous : Encours en milliards d’euros).

3. Indiquez le nom qui sera présent sous chaque barre, appelé « légende ». Attention, veillez à séparer par des virgules chaque nom, et à écrire vos nombres décimaux avec un point et non une virgule (exemple ci-dessous : 2011, 2012, 2013, 2014, 2015). Autre exemple avec des décimaux (14.4, 302.55, 89.9).

Séries

Ensuite vous devez ajouter un « Set » pour créer une donnée. Cliquez sur l’icône  pour ajouter un « Set ». Par exemple, si vous souhaitez comparer 2 données dans votre contenu, il vous faut ajouter 2 « sets ».

Pour chaque « Set » vous devez préciser :

4. Le Titre.

5. Les différentes valeurs (séparées par des virgules) en lien avec le nombre des « légendes » précisées dans les champs précédents. Si par exemple vous avez 5 légendes, vous devez avoir 5 valeurs pour chaque Set.

6. Une couleur. Voir Tuto «Sélection Couleur»

Exemple :

>1 Set gris : la France

>1 Set rouge : l’International

>5 valeurs pour chaque set, destinées aux 5 colonnes.

Voir Demo du bloc "Bar or Line Chart"

3/ Définir les propriétés : Onglet « Options »  

1. Si nécessaire, choisissez l’épaisseur des barres (entre 0.1 et 0.99). La valeur par défaut est de 0.2. Attention c’est un point et non une virgule qui est utilisée pour les valeurs décimales. La valeur de l’exemple ci-dessous est de 0.7. Visuel A. ci-dessous

2. Deux types de mise en page s’offrent à vous :

>Petit bloc carré : Le texte est en bas du bloc. Les données occupent le reste de l’espace. Visuels A. H.

>Rectangle pleine largeur : Le texte est situé en bas du bloc, et les données en haut. Visuel F.

3. Vous devez opter pour un style de traité graphique parmi plusieurs propositions. Visuels A. et B.

4. Vous avez la possibilité de choisir un affichage des données empilées ou non. L’exemple du Visuel E. n’est pas empilé, les autres exemples le sont.

5. Si nécessaire, vous pouvez afficher la légende de vos éléments. Visuels C. et G.

6. Si nécessaire, vous pouvez afficher l’axe vertical de votre graphique. Visuels D. et H.

7. Pour finir, enregistrez votre contenu.Voir Tuto «Enregistrer un contenu»

8. Pour information, vous pouvez ajouter de 1 à 4 blocs « Bar or Line Chart » sur la même ligne avec le « Grid Container ».

Exemple avec 4 blocs

4/ A tout moment, vous pouvez

> Mettre à jour votre contenu

> Cacher   ou Supprimer   votre contenu