Pie chart or Donut

Bloc "Pie chart or Donut" :   Démo 1   -   Démo 2

1/ Créer un « Pie Chart or Donut »

1. Pour créer un « Pie Chart or Donut », 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 « Pie Chart or Donut ». Vous accédez alors aux propriétés de ce contenu que vous devez définir.

4. Vérifiez que le Type « Pie Chart or Donut » est affiché.

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

1. Nommez votre bloc avec un identifiant.

2. Indiquez le chiffre à mettre en avant sur votre bloc.

3. Si nécessaire, vous pouvez préciser un suffixe : c’est-à-dire une unité de mesure (%, ans, millions…).

4. Précisez votre libellé : l’information textuelle.

Exemple ici : Chiffre = 56    Suffixe = %    Libellé = d’actifs obligataires notés au moins AA

Voir Demo du bloc "Pie Chart or Donut"

Section

Ensuite vous devez ajouter une « Part » pour créer une valeur. Cliquez sur l’icône    pour ajouter une « Part ». Par exemple, si vous souhaitez 5 valeurs dans votre contenu « Pie Chart or Donut », il vous faut ajouter 5 « parts ».

Pour chaque « Part » vous devez préciser :

5. Le Titre.

6. Une valeur.

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

Exemple : A. avec 2 données / 2 « parts » et B. avec 5 données / 5 « parts ».

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

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

>Petit bloc carré : Le texte est au centre de la sphère et du bloc. Visuels ci-dessous A. et B.

>Rectangle pleine largeur : Le texte est situé en bas du bloc, et la sphère de données en haut. Visuels C.

2. Si nécessaire, vous pouvez modifier et définir la finesse du trait (de 0 à 100) de votre « Pie Chart or Donut ». Visuels A. et C.

3. Si nécessaire, la couleur du chiffre (et du suffixe si ajouté précédemment) est modifiable. Visuel B.  Voir Tuto «Sélection couleur»

4. Si nécessaire, vous pouvez changer la taille du chiffre (et du suffixe si ajouté précédemment).

5. Si nécessaire, cochez cette case pour animer le chiffre quand l’utilisateur arrive sur la page.

6. Si nécessaire, vous avez la possibilité d’afficher la légende sur la partie gauche. Visuels C.

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

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

Exemple pour 4 blocs

4/ A tout moment, vous pouvez

> Mettre à jour votre contenu

> Cacher   ou Supprimer   votre contenu