Doc Biwee
Français
Français
  • Présentation de Biwee
  • Démarrer avec Biwee
    • Installation de Biwee et prérequis
    • Vidéo : mes premiers pas avec Biwee
  • CRÉER UN TABLEAU DE BORD
    • Ajouter un composant visuel
      • Graphique
      • Secteur
      • Tuiles
      • Treemap
      • Texte
      • Tableau croisé
      • Onglets
      • Nuage de points
      • Jauge
      • Image
      • Grille
      • Filtre par période
      • Éléments filtrants
      • Cartes de points géo
      • Carte choroplèthe
      • Groupe
      • Onglet
    • Menu clic-droit d'un composant
    • Exporter un composant visuel
    • Maximiser un composant visuel
    • Ajouter une description à un composant
    • Interactivité d'un composant
    • Filtres de données dans les composants
    • Les paramètres de tableaux de bord
    • Ajouter une description à un tableau de bord
  • Déployer un tableau de bord
    • Mettre à jour les données du tableau de bord
    • Déployer un tableau de bord sur le portail web de Biwee
    • Les interactions entre tableaux de bord du portail WEB
    • Déployer un tableau de bord dans votre application (Embedded analytics)
    • Les interactions entre tableaux de bord intégrés en API
    • Exporter un tableau de bord en PDF via un appel API
    • Exporter / importer un tableau de bord
  • Appliquer du CSS personnalisé
  • Analyser les données
    • Effectuer des calculs sur les données
    • Configurer un champ calculé
    • Annuaire des fonctions
    • Configurer un calcul dans un composant visuel
    • Fonction d'agrégation
      • Agrégations à un niveau intermédiaire
      • Exemples d’utilisation et cas d’usage pour la fonction aggr()
    • Calculs de fenêtre
  • Parametres
    • Mon compte
    • Agent de publication
    • Paramètres communs
    • Mes options
    • A propos de Biwee
  • Connexion aux données
    • Introduction
    • Connecteurs de bases de données
    • Connecteurs réseaux sociaux
    • Connecteurs sur des logiciels de mailing
    • Connecteurs de fichiers
    • Autres connecteurs
  • Les notifications dans Biwee
  • Création de requêtes
    • Requêtes sur les bases de données
    • Mise en place de paramètres de requête
  • GESTION DES DROITS D'ACCES
    • Gestion des droits au niveau des objets
    • Gestion des droits au niveau des données
    • Gestion des utilisateurs
    • Groupes d'utilisateurs
  • Changelog
    • Version 3.5.3
    • Version 3.5.2
    • Version 3.5.1
    • Version 3.5
    • Version 3.4.2
      • Ajout d'une option filtre dans une grille
      • Nouvelles fonctionnalités sur le connecteur CSV
      • Vous pouvez choisir de ne pas afficher les boutons d'un composant
      • Possibilité de tester l'accessibilité d'une connexion d'un provider
      • Possibilité de nommer un groupe de requêtes
      • Modification de la fenêtre des éléments liés à un modèle de jeu de données
      • Modification de l'affichage d'une requête SQL lors de la comparaison avec l'historique des requêtes
    • Version 3.4.1
      • Aperçu rapide du nombre de ligne d'un jeu de données
      • Possibilité de générer un zip de debug depuis la liste des tableaux de bord
    • Version 3.4
      • Nouveau thème pour les tableaux de bord intégrés par API
      • Ajout d'un champ calculé custom pour concaténer toutes les valeurs d'une colonne
      • Ajout du Data Inspector
      • Affichage de la date de publication des données en API
      • Nouvelle fenêtre pour gérer les paramètres de requête sur le web
      • La liste des tableaux de bord dans Biwee est filtrée en fonction de la recherche effectuée
      • Affichage des éléments de données liés à un modèle
    • Version 3.3
      • Glisser-Déposer pour dissocier une requête
      • Possibilité de désynchroniser une requête de son modèle depuis la vue données
      • Ajout d'un bouton permettant de créer un champ calculé dans la vue données
      • Possibilité de configurer une sélection multi-feuilles dans le connecteur Excel
      • Possibilité de restaurer une version antérieure d'une requête SQL
      • Possibilité de sélectionner plusieurs valeurs pour les paramètres de requête
      • Lors de la modification d'un modèle, la liste des TDBs impactés est affichée
Propulsé par GitBook
Sur cette page
  • Création du composant
  • Champs d'éléments de données
  • Valeurs
  • Arguments
  • Série
  • Éléments de données multiples
  • Valeurs multiples
  • Volets
  • Arguments multiples
  • Séries multiples
  • Paramétrage du composant
  • Interactions
  • Mise en page
  • Filtres
  • Paramétrages d'affichage des valeurs
  • Type de graphique
  • Options courantes
  • Options pour les étiquettes de points
  • Format conditionnel
  • Exemple
  • Coloration

Cet article vous a-t-il été utile ?

  1. CRÉER UN TABLEAU DE BORD
  2. Ajouter un composant visuel

Graphique

PrécédentAjouter un composant visuelSuivantSecteur

Dernière mise à jour il y a 2 ans

Cet article vous a-t-il été utile ?

💡 Les graphiques sont utilisés notamment pour comparer les données de deux manières

Par chronologie

Par catégorie

Création du composant

Cliquez sur l'icone Graphique pour ajouter un graphique au tableau de bord et faites un glisser- déposer pour les champs que vous souhaitez visualiser.

Le paramétrage du composant se fait ensuite selon cet ordre :

Champs d'éléments de données

L'ajout des champs à visualiser se fait par glisser-déposer dans les trois zones principales suivantes

  • Valeurs

  • Arguments

  • Série

Valeurs

Axe Y

Valeur numérique à analyser dans le graphique. Elle correspond à l'élément de données qui va déterminer les coordonnées des points sur l'axe des ordonnées du graphique (axe Y)

Exemple : Analyse des ventes

Arguments

Axe X

Élément de données qui fournissent les valeurs à afficher sur l'axe des abscisses (axe X)

Exemple : Analyse des ventes par catégorie de produit

Série

Axe Z

Elément de données qui permet de créer plusieurs séries de graphiques : une série par valeur distincte de l'élément de données

Exemple : Analyse des ventes par catégorie et pour chaque année

Éléments de données multiples

Valeurs multiples

Plusieurs valeurs numériques peuvent être affichées sur le même graphique. Cela permet de faire une comparaison directe de 2 indicateurs.

Lorsque nous avons des valeurs multiples nous pouvons déplacer ces valeurs de 2 façons possibles :

La première façon garde l'affichage que nous avons défini (ici en courbe). La seconde façon réinitialise l'affichage graphique par défaut (ici en barre).

Volets

Les volets permettent de créer des vues avec des valeurs numériques différentes partageant le même axe X

Un ou plusieurs volets peuvent être ajoutés dans le graphique en cliquant sur l'icône ci-dessous :

Les volets rajoutés se mettent les uns en dessous des autres.

Arguments multiples

L'ajout d'arguments augmente la granularité de l'analyse. Les valeurs de l'axe X correspondent à toutes les combinaisons d'arguments possibles.

Il est possible d'activer le zoom pour agréger les arguments selon le premier de la liste. Le détail des informations d'une barre s'affiche alors en cliquant dessus. Vous pouvez ajouter autant de niveaux de détails que vous le souhaitez.

Exemple : Ajout de 2 arguments : "Date de commande (Année)" et "Date de commande (Mois)". Le zoom n'est pas activé par défaut. Le graphique affiche alors les barres de toutes les combinaisons Mois-Année pour le panier moyen.

Activation du zoom

Les données du premier argument, "Date de commande (Année)", s'affichent désormais par défaut.

En cliquant sur une barre du graphique, cela active un filtre basé sur la valeur du premier argument. On a alors accès aux données de l'argument suivant affichées selon ce filtre. Ici, en cliquant sur la barre "2015", cela affiche le détail du panier moyen par mois pour l'année 2015.

Séries multiples

L'ajout de séries multiples permet de démultiplier les séries de points affichées dans le graphique. Il y aura autant de séries de points que de combinaisons possibles des éléments de données de chaque série.

Exemple : Bilan annuel des ventes de vélos et autres matériels : comparaison du budget VS le réel effectué

Paramétrage du composant

Le graphique peut être personnalisé à l'aide de l'outil d'interaction et mise en page. Cliquez sur l'engrenage en haut à droite du graphique pour accéder à l'outil.

Interactions

Les paramètres d'interaction permettent au graphique d'interagir avec d'autres composants du tableau de bord. Le graphique, comme tout autre élément de tableau de bord, peut être configuré pour filtrer les données du tableau de bord.

Options de filtrage

Avec un graphique vous pouvez filtrer le tableau de bord en fonction des arguments, des séries ou des points.

Filtrer par arguments

Les données du tableau de bord seront filtrées en fonction de l'argument sélectionné.

Exemple : en cliquant sur la barre "Mag Paris", la grille de détail est filtrée sur le magasin de Paris.

Filtrer par séries

Les données du tableau de bord seront filtrées en fonction de la série sélectionnée.

Exemple : en cliquant sur la catégorie "Vélos" d'une des barres du graphique, la grille de détail est filtrée sur la catégorie "Vélos" mais pas sur les magasins.

Filtrer par points

Les données du tableau de bord seront filtrées en fonction de l'argument et la série sélectionnés dans le graphique.

Exemple : en cliquant sur la catégorie "Vélos" pour le magasin "Mag Paris", la grille de détail est filtrée sur la catégorie "Vélos" et le magasin "Paris".

Paramètres de l'interactivité

Restreindre les interactions appliquées à ce composant

  • Ignorer les filtres principaux : Si cette option est sélectionnée pour un composant, ce composant ne sera pas filtré en fonction des sélections utilisateur sur les autres composants

Mise en page

Commun

Cette partie permet de configurer le titre du graphique

  • Afficher titre : Masquer ou afficher le titre. Il est affiché par défaut.

  • Modifier titre : Affiche la fenêtre pour renommer le graphique et les séries s'il y a plusieurs éléments de données dans la zone Valeur

Diagramme

Cette partie permet de mettre en forme les axes de données

  • Faire pivoter : Permuter les axes du graphique

  • Paramètres de l'axe X / Y : Modifier l'affichage de l'axe sélectionné

Paramètres de l'axe X

Cette partie permet de modifier l'affichage de l'axe horizontal

  • Inverser : Inverse l'affichage des éléments selon l'axe X

  • Autoriser le zoom : Permet de zoomer selon l'axe X avec la molette

  • Voir l'axe X : Si décoché, masque les éléments de texte placés sous l'axe X

  • Afficher le titre : Affiche sous l'axe X un titre personnalisable

  • Limite de points visibles : Permet de limiter le nombre de données affichées. Une barre de défilement apparaît alors pour consulter la suite de l'axe

Paramètres de l'axe Y

Cette partie permet de modifier l'affichage de l'axe vertical

💡 Dans le cas où plusieurs volets de données sont affichés, il est possible de personnaliser l'axe Y de chacun indépendamment des autres.

  • Toujours afficher le niveau zéro : Démarre l'axe au point 0. Si cette case est décochée, l'axe sera centré sur les valeurs affichées

  • Inverser : Inverse l'affichage des valeurs selon l'axe Y

  • Afficher les lignes de la grille : Si décoché, masque les lignes du graphique

  • Afficher Axe Y : Si décoché, masque les éléments de texte placés à gauche de l'axe Y

  • Afficher titre : Affiche à gauche de l'axe Y un titre personnalisable

  • Echelle logarithmique : Afficher les valeurs selon une échelle logarithmique. L'échelle est sélectionnable parmi 3 dans la liste de droite.

  • Type de format : Format d'unité à afficher

  • Unité : Echelle d'unité

  • Précision : Nombre de chiffres après la virgule

  • Devise : Devise à afficher dans le cas d'une unité monétaire

  • Culture : Pays de la monnaie si sélectionnée

  • Inclure le séparateur de groupes : Scinder les valeurs par groupes de 3 chiffres

Légende

Cette partie permet de paramétrer l'affichage de la légende du graphique

  • Afficher la légende : Masquer ou afficher la légende. Elle est affichée par défaut.

  • Position de la légende : Positionner la légende selon 22 emplacements proposés

Type de série

Cette partie permet de personnaliser le mode d'affichage de l'ensemble des données du graphique

Les types de séries disponible

Barre

  • Elles sont utilisées pour comparer une valeur selon différentes catégories

  • Elles montrent la contribution de chaque catégorie individuelle par rapport au global

  • Elles permettent de comparer le pourcentage de contribution de chaque catégorie individuelle par rapport au global

Point / Ligne

  • Présente les données sous forme de points numériques individuels

  • Relie les points numériques entre eux par une ligne, pour chaque série de données

  • Elles peuvent être utilisées pour montrer une tendance de contribution de chaque catégorie

  • Elles servent à montrer la tendance du pourcentage de contribution de chaque catégorie

  • Cette représentation relie les points de données à l'aide de barres verticales et horizontales, montrant ainsi une progression par étapes

  • Cette représentation relie les points entre eux à l'aide de courbes

Zone

  • Cette représentation relie les points numériques à l'aide de segments linéaires et colorie la zone entre l'axe X et la ligne

  • Elle permet de montrer la contribution de chaque catégorie individuelle par rapport au global. Elle relie les points numériques à l'aide de segments linéaires et colorie la zone entre l'axe X et la ligne

  • Cette représentation permet de montrer la contribution en pourcentage de chaque catégorie individuelle par rapport au global

  • Cette représentation relie les points de données à l'aide de barres verticales et horizontales, montrant ainsi une progression par étapes, et colorie la zone entre la ligne et l'axe X

  • Cette représentation relie les points entre eux à l'aide de courbes et colorie la zone entre la courbe et l'axe X

  • Cette représentation permet de montrer une tendance de la contribution de chaque catégorie individuelle dans le total. Elle relie les points à l'aide de courbe et colorie la zone entre chaque courbe et la précédente.

  • Cette représentation permet de montrer la tendance du pourcentage de contribution de chaque catégorie individuelle

Gamme

Les diagrammes de gamme sont généralement utilisés pour montrer des variations au cours du temps de mesures telles que la température, le prix, etc. Chaque gamme représente le delta entre 2 mesures, soit sous la forme d'une barre, soit sous la forme d'une zone.

Pour les diagrammes de gamme, vous devez fournir 2 valeurs numériques à afficher : la valeur min (valeur 1) et la valeur max (valeur 2). Ainsi, quand vous sélectionnez un graphique de type Gamme, vous devez configurer les éléments de données ci-dessous :

  • Gamme en barres : Similaire au diagramme en barre, sauf que ici chaque barre représente la plage entre 2 valeurs

  • Gamme en zone : Similaire au diagramme en zone, sauf que ici la zone est coloriée en fonction de la plage entre 2 valeurs

Bulle

  • Bulle : Le diagramme à bulle vous permet de visualiser les données en 3 dimensions.

Les points dans un diagramme à bulles se configurent avec 2 éléments de données :

- Valeur : coordonnée du point sur l'axe Y

- Poids : taille du point

Lorsque vous sélectionnez un graphique de type bulle, la zone de configuration des éléments de données se présente comme ci-dessous :

Financière

Les diagrammes financiers sont généralement utilisés pour représenter l'évolution du cours des actions.

/!\ Les diagrammes financiers ne se colorient pas de manière standard. Le diagramme se colorie selon les règles suivantes :

- Bleu / Noir : si le prix à la fin de la période précédente est inférieur au prix à la fin de la période courante

- Rouge : si le prix à la fin de la période précédente est supérieur au prix à la fin de la période courante

  • Max-min-clôture :

Lorsque vous sélectionnez un graphique de type Max-Min-Clôture, la zone de configuration des éléments de données se présente comme ci-dessous :

- Max : la valeur maximale de la période. (le point supérieur de la barre)

- Min : la valeur minimale de la période (le point inférieur de la barre)

- Clôture : la valeur de clôture de la période (le tiret horizontal sur la barre)

  • Bougie bâton :

  • Stock :

Gestion des couleurs dans un graphique

De base, les champs argument n'influent pas sur la coloration du graphique. Pour colorier un graphique en fonction de l'argument, cliquer sur l'argument, et colorer selon dégradé.

  • Couleurs globales : Modifie les couleurs d'un ensemble de valeurs pour tous les composants du tableau de bord

  • Couleurs locales : Modifie les couleurs d'un ensemble de valeurs pour ce composant du tableau de bord uniquement

Filtres

  • Ajouter un filtre permet de filtrer les données affichées dans le graphique, il n'a pas d'influence sur les autres composants du tableau de bord.

Paramétrages d'affichage des valeurs

Vous pouvez configurer l'affichage de chaque valeur dans le graphique en cliquant sur l'icone à côté de la valeur que vous souhaitez configurer.

L'écran de paramétrage est composé de trois onglets : type de graphique, options courantes, options pour les étiquettes

Type de graphique

Cet onglet permet de modifier le type d'affichage uniquement pour le champ de données à personnaliser . L'affichage des autres champs de données n'est pas impacté. La sélection d'un nouvel affichage donne un aperçu immédiat du résultat

💡 Dans le cas d'un affichage de valeurs multiples sur le graphique, cela permet de bien distinguer chaque champ de valeur par un type d'affichage différent des autres champs de valeurs

Options courantes

💡 Dans le cas d'un affichage de valeurs multiples sur le graphique, cela permet de différencier des valeurs qui ne sont pas représentées à la même échelle. Les valeurs de chaque axe Y, à gauche et à droite du graphique, seront alors automatiquement mises en forme pour un affichage correct de chaque champ de valeur

  • Tracer sur l'axe secondaire : Déplace l'axe Y des valeurs à droite du graphique

  • Ignorer les points vides :

  • Afficher les points de marquage :

Options pour les étiquettes de points

Les étiquettes permettent d'afficher un récapitulatif d'informations dans un petit cadre à proximité des valeurs

  • Options pour les étiquettes de point

    • Contenu : Afficher une étiquette pour les valeurs du champ

      💡

      Il est possible d'afficher un ou plusieurs éléments parmi la catégorie, la série, ou la valeur

    • Mode de chevauchement :

    • Orientation : Afficher les étiquettes à la verticale. Par défaut, elles s'affichent à l'horizontale.

  • Barre d'options

    • Afficher les valeurs nulles :

    • Position : Afficher les étiquettes à l'extérieur (au-dessus) des données ou à l'intérieur (superposées)

Format conditionnel

Vous pouvez utiliser la mise en forme conditionnelle pour mettre en évidence les données du graphique. Cela permet de modifier l'affichage avec plusieurs choix tels que les barres, les lignes, les zones et les bulles.

Les options de séries suivantes prennent en charge la mise en forme conditionnelle :

  • Barre

  • Point/ligne

  • Zone

  • Gamme

  • Bulle

Vous pouvez utiliser les données suivantes dans les calculs du format conditionnel :

  • Les mesures dans la section Valeurs

  • Les dimensions dans la section Arguments/Série

  • Les mesures dans la section Eléments de données cachées

Ci-dessous un graphique représentant le CA réalisé par pays.

Nous pouvons ajouter une règle de format qui spécifie l'apparence du graphique selon une ou plusieurs conditions.

Pour cela il y a deux possibilités :

  • soit à l'aide d'un clic droit sur le champ qui sera utilisé pour définir la règle de format conditionnel, suivi d'un clic sur "ajouter une règle de format"

  • soit un clic droit sur le composant graphique, suivi d'un clic sur "Modifier les règles"

Exemple

Dans la fenêtre ci-dessous vous pouvez appliquer l'une des couleurs prédéfinies ou définir une couleur personnalisée aux éléments de données qui respectent la condition définie. Vous pouvez choisir d'appliquer cette règle de format aux points ou aux lignes.

  • Point : une règle s'applique aux points de données tels que les barres, les points et les bulles

  • Ligne / Zone : une règle s'applique aux lignes et aux surfaces

Si vous sélectionnez Ligne / Zone, la règle de mise en forme s'applique à la ligne lorsqu'au moins un point de ligne répond à la condition de la règle.

Dans mon exemple, je souhaite afficher en rouge les données de l'année 2020. Je peux aussi choisir si je souhaite d'appliquer ce format au point ou à la ligne :

Résultat :

Si je souhaite mettre en valeur la ligne entière lorsqu'une de ses valeurs dépasse 40k, je configure la règle comme ci-dessous. Le champ libellé permet de configurer la légende qui sera affichée si l'option est cochée.

Coloration

Si les éléments ne remplissent pas la condition appliquée (ici ventes >45M), Biwee colorie ces éléments en gris clair.

Pour restaurer les couleurs des séries, appliquer la coloration par teinte à votre champ dans la section série.

  • Pour plus de détails consultez les pages suivantes

Pour plus de détails, consultez la rubrique dédiée à l’interactivité entre composants visuels
Pour plus de détails, consultez la rubrique d'aide dédiée aux filtres d'un composant visuel
Menu clic-droit
Maximiser
Exporter un composant visuel
Ajout des champs de données par glisser-déposer
Paramétrages du composant
Retrouvez notre tutoriel vidéo sur l'utilisation des graphiques