Tableaux, graphiques et images dynamiques PowerApps

Tableaux, graphiques et images dynamiques PowerApps

Dans ce didacticiel, nous allons voir comment les graphiques et les images PowerApps peuvent améliorer nos applications.

Les images et les visualisations ne font pas qu'ajouter à l'apparence générale de l'application sur laquelle vous travaillez. Ils donnent également à votre application un aspect plus professionnel.

De nombreuses personnes comprennent également mieux les données lorsqu'elles sont présentées visuellement. Cela signifie que votre application est également plus efficace lorsque des tableaux, des graphiques et d'autres formes de visuels sont utilisés.

Table des matières

Utilisation d'images dynamiques dans PowerApps

Commençons par voir comment nous pouvons utiliser des images dynamiques dans PowerApps. Nous allons appliquer ces images à une galerie.

Pour cet exemple, nous allons utiliser un document de référence appelé Flooring Estimates. Cette table, que nous allons utiliser comme source de données, comporte des colonnes pour Name, Category, Price et ImageURL.

Tableaux, graphiques et images dynamiques PowerApps

Allons donc dans l'onglet des sources de données, cliquez sur Connecteurs et allez sur OneDrive car c'est là que le fichier est enregistré.

Tableaux, graphiques et images dynamiques PowerApps

Nous allons choisir le bon fichier ici.

Tableaux, graphiques et images dynamiques PowerApps

Ensuite, nous devons nous assurer que nous apportons le bon tableau. Dans ce cas, nous n'avons qu'un seul tableau joint à ce fichier Excel.

Tableaux, graphiques et images dynamiques PowerApps

Étant donné que j'ai précédemment joint les noms des autres tables en tant que Table1 à partir d'autres sources de données, vous verrez que celle que nous venons d'utiliser apparaît maintenant en tant que Table1_2.

Tableaux, graphiques et images dynamiques PowerApps

Maintenant, ajoutons une galerie et choisissons un modèle vertical.

Tableaux, graphiques et images dynamiques PowerApps

Une fois que la galerie apparaît à l'écran, nous pouvons la déplacer où nous en avons besoin ou la redimensionner si nécessaire.

Tableaux, graphiques et images dynamiques PowerApps

Puisque nous avons déjà joint Table1_2 à cette application, nous pouvons maintenant la voir comme une option sous Source de données.

Tableaux, graphiques et images dynamiques PowerApps

Les données du tableau apparaissent maintenant dans notre galerie.

Tableaux, graphiques et images dynamiques PowerApps

Notez qu'il est normal que les utilisateurs accèdent à cet écran et ne voient aucune donnée dans la galerie. Dans de tels cas, tout ce que nous avons à faire est d'actualiser la source de données.

Pour actualiser la source de données, nous allons avoir besoin d'un bouton qui utilisera la fonction Actualiser. Comme vous pouvez le voir, cela fait référence à Table1_2.

Tableaux, graphiques et images dynamiques PowerApps

Cela signifie simplement que la fonction Actualiser sera appliquée à cette table spécifique à laquelle nous faisons référence.

Si nous regardons cette galerie, nous pouvons voir que le sous-titre affiche actuellement la colonne ImageURL, tandis que le titre affiche la colonne Catégorie.

Tableaux, graphiques et images dynamiques PowerApps

Changeons le sous-titre en Prix et le Titre en Nom.

Tableaux, graphiques et images dynamiques PowerApps

En ce qui concerne l'image, vous verrez qu'il n'y a pas d'option pour que notre image choisie soit sélectionnée dynamiquement. La première option nous permet d'ajouter un fichier image, mais le faire individuellement pour chaque élément prendra du temps.

Tableaux, graphiques et images dynamiques PowerApps

Si nous choisissons un fichier existant, comme cette image d'un aigle, il remplira tous les emplacements d'image pour toute la galerie. Évidemment, nous ne voulons pas que la même image apparaisse ici.

Tableaux, graphiques et images dynamiques PowerApps

Nous souhaitons que chaque élément affiche l'image spécifique représentée par ces URL d'image dans notre source de données.

Tableaux, graphiques et images dynamiques PowerApps

Pour rendre cela dynamique, sélectionnons un élément dans la galerie et choisissons une image dans la liste déroulante de nos propriétés en haut. Pour le moment, c'est égal à "eagle", qui est le fichier que nous avons choisi plus tôt.

Tableaux, graphiques et images dynamiques PowerApps

Au lieu de cela, nous allons utiliser ThisItem.ImageURL.

Tableaux, graphiques et images dynamiques PowerApps

Fondamentalement, cela fait référence à chaque élément spécifique de la galerie et obtient l'URL de l'image qui lui est attachée.

Tableaux, graphiques et images dynamiques PowerApps

Maintenant, la galerie montre les différentes images provenant des URL de notre source de données.

Cela ajoute tellement de fonctionnalités à toutes les applications sur lesquelles nous travaillons. Dans ce cas, nous voyons une liste de produits où les clients peuvent voir à quoi ressemble chaque article.

Mais si nous travaillons sur une application qui a une liste de clients, par exemple, nous pouvons utiliser la même approche et avoir des photos de chaque personne affichées dans la galerie pour faciliter leur reconnaissance.

Utilisation des diagrammes et des graphiques PowerApps

Cette fois, essayons d'ajouter des graphiques à notre application. Il s'agit d'une autre représentation visuelle des données qui peut aider à rendre notre application plus attrayante.

Sans aucun doute, l'utilisation de vignettes LuckyTemplates est le meilleur moyen d'ajouter des graphiques PowerApps à n'importe quelle application.

Tableaux, graphiques et images dynamiques PowerApps

Tout utilisateur de LuckyTemplates sait que l'une des forces de la plateforme est la facilité avec laquelle les visualisations peuvent être réalisées. Il est donc plus facile de créer le graphique dans LuckyTemplates, puis de l'utiliser comme vignette dans PowerApps. De cette façon, les utilisateurs peuvent interagir avec le graphique ou le graphique comme s'ils l'utilisaient dans LuckyTemplates.

Bien sûr, il existe des graphiques PowerApps intégrés que nous pouvons également utiliser. Cependant, ces graphiques sont tous statiques, ce qui peut avoir un impact sur l'engagement et la fonctionnalité.

Tableaux, graphiques et images dynamiques PowerApps

Cependant, ces graphiques intégrés peuvent toujours être utiles si votre seul objectif est de visualiser un petit ensemble de données ou si vous n'êtes pas intéressé par l'utilisation d'un graphique plus dynamique.

Pour ce faire, nous avons besoin d'une source de données. Dans cet exemple, nous allons utiliser ces deux colonnes indiquant l'emplacement et les revenus.

Tableaux, graphiques et images dynamiques PowerApps

Pour l'utiliser comme source de données, nous devons le convertir en table.

Tableaux, graphiques et images dynamiques PowerApps

Maintenant que nous avons une table à utiliser, nous attachons simplement le fichier à PowerApps de la même manière que nous l'avons fait précédemment. Voici le fichier appelé LocationRevenue.

Tableaux, graphiques et images dynamiques PowerApps

Quant au nom de la table, il s'appelle également Table1.

Tableaux, graphiques et images dynamiques PowerApps

Cela signifie qu'une fois que nous l'avons choisi, il s'affichera en tant que Table1_3.

Tableaux, graphiques et images dynamiques PowerApps

Lorsque nous examinons les données avec lesquelles nous travaillons, nous pouvons voir qu'un graphique à colonnes serait le meilleur format à utiliser.

Tableaux, graphiques et images dynamiques PowerApps

Pour le moment, il affiche toujours les exemples de données par défaut.

Tableaux, graphiques et images dynamiques PowerApps

Il aura besoin d'une source de données spécifique, qui devrait apparaître sous la propriété Items.

Tableaux, graphiques et images dynamiques PowerApps

Utilisons Table1_3 pour ce graphique.

Tableaux, graphiques et images dynamiques PowerApps

Il affiche maintenant les données du tableau que nous avons utilisé comme source.

Tableaux, graphiques et images dynamiques PowerApps

Comme tout autre élément PowerApps, nous pouvons personnaliser les propriétés du graphique. Par exemple, nous pouvons agrandir un peu la taille de la police pour permettre aux utilisateurs de voir plus facilement les données.

Tableaux, graphiques et images dynamiques PowerApps

Utilisation de variables de collection dans les graphiques PowerApps

Une autre façon d'afficher des données dans des graphiques consiste à utiliser des variables de collection . Si nous regardons la documentation de Microsoft PowerApps, elle montre un exemple de formule.

Tableaux, graphiques et images dynamiques PowerApps

Avant d'utiliser cette formule, ajoutons d'abord un bouton ici.

Tableaux, graphiques et images dynamiques PowerApps

Sous la propriété OnSelect, copions et collons la formule du document MS. Comme vous pouvez le voir, cette formule utilise la fonction Collect et fait référence à la variable Revenue. Cette variable est ensuite suivie d'une liste d'éléments.

Tableaux, graphiques et images dynamiques PowerApps

Mettons le graphique en surbrillance cette fois-ci, accédez à la propriété Items et assimilez-le à Revenue.

Tableaux, graphiques et images dynamiques PowerApps

Une fois cela fait, chaque fois que nous cliquons sur le bouton, il affichera la liste des éléments associés à la variable Revenu.

Tableaux, graphiques et images dynamiques PowerApps


Présentation de Power Apps : définition, fonctionnalités, fonctions et importance
Environnements Power Apps : configuration correcte des éléments de l'application
Fonctions et formules PowerApps | Une introduction

Conclusion

Les graphiques et les images ajoutent définitivement plus de valeur à n'importe quelle application, surtout lorsqu'ils sont dynamiques. Ils peuvent aider les utilisateurs à se sentir plus impliqués lorsqu'ils utilisent l'application.

Mais même si vous décidez de ne rendre aucun de vos graphiques ou images dynamiques, notez qu'ils ajoutent de la valeur tout de même.

Le simple fait que vous puissiez ajouter une représentation visuelle des données améliore déjà n'importe quelle application à pas de géant.

Tous mes vœux,

Henri


Gestion des erreurs dans Power Automate via le branchement parallèle

Gestion des erreurs dans Power Automate via le branchement parallèle

Découvrez l

Comparaison de tables dans Power Query | Tutoriel LuckyTemplates

Comparaison de tables dans Power Query | Tutoriel LuckyTemplates

Découvrez comment comparer facilement des tables dans Power Query pour signaler les différences et optimiser vos analyses de données.

Colonne fractionnée LuckyTemplates par délimiteurs dans DAX

Colonne fractionnée LuckyTemplates par délimiteurs dans DAX

Dans ce blog, vous découvrirez comment diviser les colonnes dans LuckyTemplates par délimiteurs à l'aide de DAX, une méthode efficace pour gérer des modèles de données complexes.

SELECTEDVALUE DAX Exemple - Sélection de trancheuse de récolte

SELECTEDVALUE DAX Exemple - Sélection de trancheuse de récolte

Découvrez comment récolter une valeur avec SELECTEDVALUE DAX pour des calculs dynamiques dans LuckyTemplates.

Calculer la marge en pourcentage dans LuckyTemplates à laide de DAX

Calculer la marge en pourcentage dans LuckyTemplates à laide de DAX

Calculez la marge en pourcentage à l

Modifier les formats de date à laide de léditeur Power Query

Modifier les formats de date à laide de léditeur Power Query

Dans ce didacticiel, nous allons explorer une méthode rapide pour convertir du texte en formats de date à l

Enregistrer la pièce jointe dun e-mail sur SharePoint avec Power Automate

Enregistrer la pièce jointe dun e-mail sur SharePoint avec Power Automate

Dans ce blog, vous apprendrez à enregistrer automatiquement la pièce jointe d

Comment adapter les cellules Excel au texte : 4 solutions simples

Comment adapter les cellules Excel au texte : 4 solutions simples

Découvrez comment adapter les cellules Excel au texte avec ces 4 solutions simples pour améliorer la présentation de vos données.

Générateur de rapports SSRS : formater les en-têtes dans un rapport paginé

Générateur de rapports SSRS : formater les en-têtes dans un rapport paginé

Dans ce didacticiel SSRS Report Builder, découvrez comment utiliser le générateur d

Thème de couleur dans les rapports LuckyTemplates - Conseils et techniques

Thème de couleur dans les rapports LuckyTemplates - Conseils et techniques

Découvrez les outils pour créer un thème de couleur efficace pour vos rapports LuckyTemplates et améliorer leur apparence.