La tuile Graphique
La tuile Graphique est celle que vous prendrez le plus souvent, et elle fait considérablement plus que « barres, courbe, camembert ». Cette page en est la référence : les types de graphiques, puis l’éditeur d’Options du graphique, où réside l’essentiel de la puissance.
Types de graphiques
Choisissez le type dans l’éditeur ⚙ de la tuile. Le menu les regroupe :
| Groupe | Types |
|---|---|
| Barres | Barres, Barres empilées, Cascade |
| Courbes | Courbe, Courbe empilée, Aire, Aire empilée |
| Proportionnels | Camembert, Donut, Treemap, Sunburst |
| Matrice | Heatmap, Radar |
| Points | Nuage de points, Bulles |
| Géo | Carte (choroplèthe — par pays) |
Quelques-uns méritent d’être signalés :
- Cascade — contributions cumulées, pour faire le pont d’un total à un autre.
- Treemap / Sunburst — la proportion avec bien plus de catégories qu’un camembert ne peut en porter ; le sunburst ajoute la profondeur de la hiérarchie.
- Heatmap — deux axes catégoriels avec la mesure en couleur. Les lignes sur un axe, les colonnes sur l’autre.
- Nuage de points / Bulles — voir Le nuage de points trace deux mesures.
- Carte (choroplèthe) — voir Les cartes sont par pays.
Le nuage de points trace deux mesures
Donnez deux mesures à un nuage de points et il les trace l’une contre l’autre — la première en x, la seconde en y, un point par membre de ligne. C’est la lecture volume-contre-valeur qui débusque un segment à fort volume et faible valeur.
Bulles prend une troisième mesure pour le rayon.
Avec une seule mesure, il n’y a pas de paire à tracer, donc le graphique retombe sur le tracé de cette mesure au fil des catégories de lignes.
Les points sont étiquetés avec leur nom de membre tant que les étiquettes tiennent encore. Deux limites s’appliquent, et c’est la seconde qui mord d’habitude : au plus 25 points, et au plus 220 caractères de texte d’étiquette au total.
Le budget de caractères existe parce que le nombre de points seul ne prédit pas le chevauchement — les étiquettes sont dessinées à droite de chaque point, donc ce qui entre réellement en collision, c’est leur largeur cumulée. Treize entrepôts appelés Quality Warehousing and Trucking se surimpriment bien avant que vingt-cinq magasins appelés Store 6 ne le fassent.
Un nuage de dix-huit intitulés de poste comme Store Assistant Manager ne dessine donc aucune étiquette — dix-huit est sous le plafond de points, mais les intitulés dépassent largement 220 caractères. Ce n’est pas un bug ; c’est la tuile qui décide que l’infobulle se lira mieux. Raccourcissez les captions des membres si vous voulez les étiquettes.
Les cartes sont par pays
La choroplèthe résout la caption de chaque ligne face à un fond de carte
pays du monde. Les alias courants (USA, UK) sont appariés
automatiquement.
Les noms infranationaux — États américains, comtés, codes postaux — ne se placeront pas, faute de fond de carte pour eux. Si certaines lignes ne correspondent pas, la tuile le dit au-dessus du graphique :
1 of 16 categories matched the country map (no match: Illinois, Michigan, Minnesota, +12 more). This map plots countries — sub-national names won’t place.
Dans les options du graphique, une carte reçoit une rampe de couleurs (Blues, Greens, Reds, Viridis, Diverging) et un choix de données manquantes — laisser un pays vide, ou traiter sa mesure absente comme zéro.
Options du graphique
Le bouton Options du graphique de l’éditeur ⚙ (« Titre, axes, légende, axe double & tendance… ») ouvre l’éditeur du graphique. Tout ici est par tuile et persiste avec l’App.
Titres, axes et légende
Titre du graphique, libellé de l’axe x, libellé de l’axe y, si la légende s’affiche et où elle se place (haut / bas / gauche / droite).
Couleurs
Une palette nommée — Thème par défaut, Vibrant, Cool, Warm, Earth — plus des surcharges de couleur par série indexées par nom de série. Laissez une série intacte pour que la palette la pilote.
Axes Y — la solution de l’axe double
Deux mesures d’ordres de grandeur très différents sur un seul axe rendent la plus petite invisible : des comptes d’ordonnances en milliers face à un chiffre d’affaires en dizaines de millions écrasent les comptes sur la ligne du zéro.
- Axe double automatique les sépare quand le maximum d’une série est un ordre de grandeur ou plus sous la dominante.
- Par série surcharge cette décision — forcez n’importe quelle mesure sur l’axe de gauche ou de droite.
C’est le réglage le plus utile de l’éditeur, et celui que les auteurs manquent le plus souvent.
Type de série (graphiques combo)
Donnez à une série son propre type de graphique — le chiffre d’affaires en barres avec une courbe de taux de croissance par-dessus — parmi Barres / Courbe / Aire / Nuage de points. Types cartésiens uniquement ; mélanger un camembert dans un graphique en barres n’a pas de sens.
Ligne de tendance
Régression linéaire, moyenne mobile ou moyenne mobile pondérée, avec une période configurable. Les lignes de tendance s’affichent sur les graphiques courbe / courbe empilée / aire, en utilisant la première colonne de mesure.
Tri et Top N
Trier les catégories par la première mesure (croissant / décroissant, ou garder l’ordre de la requête) et rogner au top 5 / 10 / 20 / 50. Les deux sont côté client — pas de nouvelle requête — et persistent avec la tuile, donc la vue rangée est celle que votre public voit.
Format des nombres
S’applique au texte des valeurs — libellés d’axe, valeurs d’infobulle, étiquettes de données — pas à l’axe des catégories :
| Champ | Effet |
|---|---|
| Préfixe / Suffixe | Ajouté devant / derrière tel quel (£, %, ms) |
| Décimales | Nombre fixe de décimales ; vide = précision naturelle |
| Séparateur de milliers | Groupement selon la locale |
| Abréger les grands nombres | Réduit en k / M / B / T |
Laissez tout vide pour des valeurs brutes.
Lignes et bandes de référence
Tracez des lignes de seuil / d’objectif sur les graphiques en barres, courbe, aire et nuage de points — une ligne Y est horizontale à une valeur, une ligne X verticale à un index de catégorie — et ombrez une plage cible avec une bande.
Formatage conditionnel
Des couleurs par mesure pilotées par des seuils, pour que les barres au-delà d’un objectif prennent une autre couleur sans toucher à la requête.
Détection d’anomalies
Activez Détecter les anomalies et la tuile marque les points aberrants de la série. Utile sur une longue tendance où l’œil glisse sur une seule mauvaise semaine.
Prévision
Activez Afficher la prévision et la tuile ajoute un horizon projeté — une continuation en pointillés avec une bande de confiance — au-delà du dernier point réel.
Filtrage croisé au lasso
Cochez Émettre un filtre croisé au lasso et faire glisser une plage
sur ce graphique filtre les autres tuiles de la page sur ces
membres. La tuile source garde son contexte complet pour que vous voyiez
où se situe la sélection ; Échap l’efface.
C’est le moyen le plus rapide de faire qu’une page ressemble à une application plutôt qu’à un rapport : un graphique de tendance en haut, lassoez une quinzaine, et le reste de la page suit.
Rafraîchissement automatique
Toute tuile liée à une requête — pas seulement les graphiques — peut se relancer selon un intervalle : 1, 5, 15, 30 ou 60 minutes. Les filtres actifs sont respectés à chaque exécution, et le minuteur se met en pause tant que l’onglet du navigateur est masqué, pour qu’un écran mural ne martèle pas le serveur en arrière-plan.
Liens connexes
- Construire pages et tuiles — les types de tuiles et le fonctionnement de la liaison.
- Tuiles personnalisées — les rendus déclaratifs pour les formes que ces seize ne couvrent pas.
- Design et thématisation — les graphiques peignent depuis les tokens de l’App.