Tooltips met afbeeldingen maken in Power BI

In Power BI Visual Reports kunt u knopinfo gebruiken om aanvullende gegevens op te geven voor specifieke gegevenspunten waarin de gebruiker geïnteresseerd is. Door met uw muis over het datapunt te bewegen, wordt de tooltip getoond en krijgt u daarmee (aanvullende) informatie. Er zijn veel toepassingen voor deze tooltips. U kunt ze bijvoorbeeld gebruiken om de rapportgebruiker de exacte gegevenswaarde van het gegevenspunt te geven, zodat u de gegevenslabels kunt verbergen en rommel op uw rapportpagina kunt voorkomen. Een andere toepassing is het gebruik van tooltips om aanvullende informatie voor dit gegevenspunt te verschaffen, die de rapportgebruiker niet zou hebben verkregen uit de originele visual.

Er zijn twee methoden om tooltips in Power BI te maken: er is de standaard tooltip-visual, waarin u metingen kunt toevoegen die een waarde en een label in een eenvoudig pop-upscherm aan de rapportgebruiker geven wanneer hij over het gegevenspunt beweegt. . De andere optie is het maken van een aangepaste tooltippagina. Op deze aangepaste tooltip-pagina’s kunt u elk Power BI-visual gebruiken om de aanvullende informatie weer te geven, waardoor u een veel aantrekkelijkere manier creëert om uw rapportgebruiker wat meer informatie te geven.

In deze blogpost laat ik u zien hoe u deze afbeeldingen op aangepaste tooltip-pagina’s kunt krijgen, en zo een echte visuele tooltip voor uw gegevens kunt maken, zoals hieronder weergegeven. Deze tooltip biedt wat aanvullende informatie en een klein beeld van de vogelsoorten waarin we geïnteresseerd zijn:

Er zijn verschillende manieren om de afbeeldingen die u wilt gebruiken te importeren: als de afbeeldingen ergens op internet beschikbaar zijn, kunt u de web-URL rechtstreeks in uw gegevenskolommen gebruiken. Een andere manier is om de afbeeldingen ergens lokaal of op een gedeelde schijf op te slaan en een afbeeldings-URL te maken van de binaire bron. Dit is mogelijk met een aangepaste functie in Power Query. U kunt een aangepaste functie definiëren in Power Query met de volgende M-code:

(BinaryContent as binary) as text =>

let

    Base64 = “data:image/jpeg;base64, ” & Binary.ToText(BinaryContent, BinaryEncoding.Base64)

in

    Base64

Deze code converteert uw binaire bron (wat een gewoon jpg-bestand kan zijn) naar een Base64-afbeeldings-URL, die u in uw visuele rapport kunt gebruiken.

Bij beide bovenstaande methoden moet u, na het laden van de gegevens in Power BI, de kolom markeren als een afbeeldings-URL-gegevenscategorie. Dit kan in de Data-weergave van Power BI, door de kolom te selecteren en vervolgens de ‘Kolomhulpmiddelen’ in het lint te selecteren. Hier kunt u de gegevenscategorie van de gegevens definiëren als Afbeeldings-URL, waarmee u aangeeft dat het inderdaad een afbeeldings-URL is:

Nu bent u klaar om de afbeeldingen in uw Power BI Visual Report te gebruiken! Dit kunt u bijvoorbeeld doen in een tabelvisual, door de kolom die u zojuist hebt gemarkeerd als afbeeldings-URL te slepen. Het nadeel van het gebruik van tabelafbeeldingen kan zijn dat ze ook een koptekst voor de kolom hebben, en een rand tussen de koptekst en de afbeelding. U kunt dit allemaal aanpassen in het opmaakvenster om een ​​weergave te creëren waar u tevreden mee bent, maar u kunt ook op zoek gaan naar aangepaste beelden om uw foto’s op een leuke manier weer te geven. Ik heb bijvoorbeeld de ‘Simple Image’-visual van Vincent Faigt gebruikt, wat (zoals de naam al doet vermoeden) slechts een eenvoudige visual is om een ​​afbeelding te laten zien en die destijds voor mij werkte. U kunt aangepaste visuele elementen aan uw rapport toevoegen door een nieuwe, lege visuele weergave aan uw rapport toe te voegen, naar het einde van het visuele type te scrollen en de optie ‘Meer visuele elementen ophalen’ achter de drie stippen te selecteren:

De andere (en waarschijnlijk eenvoudigere) optie is door op de knop “Meer beelden” in het Home-lint te klikken en “Van AppSource” te selecteren:

In de AppSource vindt u veel aangepaste visuals die u aan uw rapport kunt toevoegen. Houd er rekening mee dat sommige niet PBI-gecertificeerd zijn en dat sommige zeer specifieke input kunnen hebben voordat u ze met uw eigen gegevens kunt laten werken. Er zijn echter veel leuke, aangepaste beelden die u hier kunt verkennen en gebruiken.

U kunt nu dus afbeeldingen toevoegen aan uw Power BI Visual Report, maar het oorspronkelijke doel was om tooltips met afbeeldingen te maken. Gelukkig is nu ook alles ingesteld om de afbeeldingen toe te voegen aan uw aangepaste tooltippagina, omdat u elk Power BI-visual kunt toevoegen aan een aangepaste tooltippagina.

Als u een aangepaste knopinfopagina wilt maken, maakt u een nieuwe pagina in uw rapport en selecteert u het paginatype ‘Tooltip’ in de Pagina-informatie van het deelvenster Opmaak:

Het canvas past zich aan aan een kleiner formaat, dat je ook kunt veranderen als je dat wilt. U kunt selecteren voor welke kolom van uw gegevens u de tooltip wilt weergeven door die kolom te selecteren in het gedeelte ‘Gegevens toevoegen’. Houd er rekening mee dat er een bug zit in de huidige versie van Power BI (2.119.870.0 64-bit (juli 2023)), waardoor het paginatype naar ‘Drillthrough’ springt en er een terugknop op uw canvas wordt gemaakt wanneer u een kolom toevoegt in het gedeelte Gegevens toevoegen. U kunt het paginatype gewoon terugzetten op Tooltip en de nieuw gemaakte terugknop verwijderen, maar houd rekening met deze bug (die ook al aan Microsoft is gemeld). Het is echter niet nodig om gegevens aan dit veld toe te voegen om het als tooltippagina te gebruiken, dus u kunt deze stap ook overslaan.

Wanneer u uw aangepaste tooltip-rapportpagina ontwerpt, zorg er dan voor dat uw afbeeldings-URL-kolom in uw gegevens correct wordt gefilterd in uw gegevensmodel, of dat u expliciete metingen heeft geschreven die ervoor zorgen dat u de juiste waarde selecteert voor de afbeelding die u wilt weergeven in de tooltip. Een best practice is ook om de knopinfopagina te verbergen, zodat uw rapportgebruikers deze alleen als knopinfo kunnen openen. Nu bent u klaar om prachtige visuele tooltips voor uw rapport te maken!

Het is ook mogelijk om uw aangepaste tooltips dynamisch te maken, door ze bijvoorbeeld te combineren met een veldparameter. Maar dat kan inhoud zijn voor een nieuwe blog later.