Info-bulles LuckyTemplates sur les images de rapport

Avec les récents défis LuckyTemplates que nous exécutons dans LuckyTemplates, je suis devenu un grand fan des info-bulles LuckyTemplates. Je les ai vus être utilisés de tant de façons et ils ajoutent tellement de valeur à vos rapports et à vos informations que vous pouvez les montrer de manière vraiment convaincante. Vous pouvez regarder la vidéo complète de ce tutoriel au bas de ce blog.

Dans ce didacticiel, je vais vous montrer comment vous pouvez ajouter des info-bulles de la manière que vous souhaitez et n'importe où sur votre page. Il n'est pas nécessaire que ce soit uniquement sur un visuel. Je vais expliquer comment cela fonctionne.

Table des matières

• Superposition d'info-bulles LuckyTemplates sur des images de rapport
• Superposition d'une visualisation de carte sur une image
• Ajout d'info-bulles LuckyTemplates
• Synchroniser les filtres dans le rapport et dans les info-bulles
• Conclusion

Superposition d'info-bulles LuckyTemplates sur des images de rapport

Il s'agit d'un rapport très complet que j'ai élaboré pour l'un des défis. Dans la section Actions, vous pouvez voir que j'ai superposé une info-bulle sur une image ou ce qui ressemble à une image.

Avec les info-bulles LuckyTemplates, vous n'avez pas besoin d'intégrer un graphique dans votre page. Au lieu de cela, vous pouvez intégrer un graphique dans une info-bulle dans une page masquée qui apparaît simplement lorsque vous survolez une image ou une visualisation.

J'ai obtenu ces icônes ou images d'un site Web appelé Flaticon, puis j'ai simplement inséré les icônes ou les images dans ma page de rapport. Ensuite, j'ai modifié la couleur des icônes pour qu'elle corresponde à la palette de couleurs de mon rapport.

Notez que vous ne pouvez pas réellement mettre une info-bulle dans une image. Donc, ce que j'ai fait, c'est que j'ai superposé un élément au-dessus de l'image.

Superposition d'une visualisation de carte sur une image

J'ai superposé une visualisation de carte avec une mesure aléatoire et je l'ai placée sur l'image. Ensuite, j'ai rendu l'arrière-plan 100% transparent afin que l'arrière-plan ne puisse pas être vu.

Pour ce faire, dans la zone Paint roller, accédez à l' étiquette Data, puis créez un format conditionnel pour la mesure dans la visualisation de la carte.

Cliquez sur l'icône et sélectionnez Valeur de champ pour Formater par, puis créez une valeur de champ basée sur une mesure.

Mais dans cette mesure, Transparent n'est pas un calcul, mais une couleur. C'est un code hexadécimal pour clair ou transparent.

Ajout d'info-bulles LuckyTemplates

Une fois la visualisation de la carte terminée, vous pouvez ensuite intégrer une info-bulle. Dans ce cas, je mets la page Report comme Type et la Page comme Products .

Et j'ai fait la même chose pour la page Brokers .

Si je vais sur la page Brokers, vous verrez que j'ai un graphique intégré à l'image Brokers.

Vous verrez cette page ou ce graphique apparaître si je survole cette image sur la page du rapport.

Voici le tableau que j'ai fait pour la page Produits.

Synchroniser les filtres dans le rapport et dans les info-bulles

La grande chose à ce sujet est la façon dont j'ai mis cela en place. J'ai quelques filtres ici, qui se synchronisent sur tous mes rapports.

Si je sélectionne Midwest et Northeast, par exemple, vous verrez que ces filtres ou paramètres sont affichés sur la page du rapport.

Ils se synchronisent également dans les info-bulles, affichant uniquement les régions que j'ai sélectionnées.

Création d'une info-bulle visuelle dans
les visualisations de données LuckyTemplates LuckyTemplates - Cartes dynamiques dans les info-bulles
Info-bulle dynamique dans LuckyTemplates avec des graphiques intégrés

Conclusion

Vous pouvez utiliser les info-bulles LuckyTemplates de plusieurs façons. Dans ce tutoriel, je vous ai montré une technique sur la façon dont vous pouvez ajouter des info-bulles à n'importe quoi dans votre rapport. Il suffit d'un peu de créativité.

Si vous voulez de l'inspiration, jetez un coup d'œil à notre . Consultez notre ainsi que nos pour plus de techniques LuckyTemplates. Vous pouvez également accéder à notre , où nous avons une .

J'espère que vous avez apprécié celui-ci et que vous vous amusez à l'implémenter dans vos propres scénarios avec votre propre touche.

Tous mes vœux,