Ce tutoriel pas à pas a pour but de vous simplement expliquer comment mettre en place et paramétrer un diagramme à barres dans la mashup d’une application Exalead CloudView.
Avant de commencer, vous devrez avoir les prerequis suivants :
- une instance Exalead CloudView lancée.
- au moins une facette dans le « data model » de l’application.
- des documents préalablement indexés.
1. Diagramme dans Exalead Cloudview : Mise en place du diagramme à barres
Ouvrez un navigateur web et entrez l’adresse d’accès à l’application CloudView. Par défaut : http://localhost:10001/index.html
Cliquez sur Mashup Builder. Vous arriverez sur la page suivante :
Choisissez la page où vous souhaitez ajouter le diagramme, puis dans le menu de « Widgets » à gauche, sélectionnez « Visualizations » puis « Charts » :
Glissez l’élément « Stacked Column Chart » dans l’endroit où vous souhaitez comme suit :
Sur l’élément créé, sélectionnez « Normal » puis cliquez sur l’entête pour le paramétrer :
Remplissez les champs de l’onglet « General » comme suit :
- « Widget title » : Pour donner un titre au diagramme.
- « X » : Entrez le nom de la facette qu’on souhaite représenter dans le graphe.
- « Aggregation » : Saisissez le type d’agrégation sur les valeurs de la facette.
- « Series type » : Sélectionnez « column ».
- « Legend » : Donnez un nom à l’agrégation dans la légende du diagramme.
Dans l’onglet JavaScript, on peut paramétrer en détails le diagramme en modifiant les valeurs de l’objet JavaScript :
Vous pouvez visualiser le graphe avant de l’ajouter à votre application en cliquant sur l’onglet « Preview » comme suit :
2.Diagramme dans Exalead Cloudview : Mise en place du diagramme Camembert
Glissez l’élément « Pie Chart » dans l’endroit où vous souhaitez (ici, dans la zone gauche de « Table ») comme suit :
Dans l’onglet « General », personnalisez les attributs du « widget » comme suit :
3. Diagramme dans Exalead Cloudview : Mise en place des métriques
Glissez l’élément « Metrics » dans l’endroit où vous souhaitez (ici, dans la zone droite de « Table ») comme suit :
Dans l’onglet « General », personnalisez les attributs du « widget » (« Value » et « Description » par exemple) comme suit :
Cliquez sur « Apply » pour valider tous les changements :
Voilà, vous avez mis en place et paramétré un diagramme à barres dans la mashup d’une application Exalead CloudView.
Retrouvez d’autres tutoriels Exalead sur notre blog :
- Comment créer un connecteur CSV EXALEAD ?
- Comment mettre en place et paramétrer un diagramme Timeline dans Exalead CloudView ?
Si vous souhaitez plus d’explications, vous pouvez aussi retrouver les vidéos tutos Exalead sur notre chaîne YouTube !
Depuis plus de 15 ans maintenant, je travaille sur des sujets liés à la BI et à l’amélioration des processus. J’ai participé à un grand nombre de projets en tant que leader technique sur de nombreuses technologies. De nature pédagogue, je donne également des cours de langage de programmation.
N’hésitez pas à me faire un retour sur cet article ou à me contacter sur LinkedIn pour échanger sur ces sujets!
Alexis
Laisser un commentaire