Toevoegen van een diagram gemaakt in een modelgestuurde app aan een webpagina in het portal.

Artikel
03/16/2023

Notitie

Met ingang van 12 oktober 2022 wordt Power Apps-portals hernoemd tot Power Pages. Meer informatie: Microsoft Power Pages is nu algemeen beschikbaar (blog)
We zullen binnenkort de documentatie voor Power Apps-portals migreren en samenvoegen met Power Pages-documentatie.

U voegt een diagram aan een webpagina toe door een Liquid-code genaamd Diagram te gebruiken. U kunt de Liquid-code voor een diagram toevoegen in:

Het veld Kopiëren op een webpagina.
In het veld Bron op een websjabloon.

Grafiekvoorbeeld.

Als u bijvoorbeeld leads per bron wilt weergeven en wilt filteren op alleen open leads:

<!—Leads by Source – Open Leads -->
{% chart id:"EE3C733D-5693-DE11-97D4-00155DA3B01E" viewid:"00000000-0000-0000-00AA-000010001006" %}

Belangrijk

U moet de waarden voor zowel de parameter chart id als de parameter viewid parameters om een diagram op een webpagina van een portal weer te geven.

De id van een diagram ophalen

Ga naar de doelentiteit, bijvoorbeeld Verkoop > Potentiële klanten.
Vouw het gebied Diagrammen uit.
Kies het gewenste diagram.
Selecteer Meer opdrachten en selecteer vervolgens Diagram exporteren.
Open het XML-bestand met het geëxporteerde diagram in een teksteditor.
Kopieer de waarde van de code <visualizationid>.

Plak de waarde visualizationid in uw declaratie van de parameter voor de diagram-id in de Liquid-code voor het diagram, bijvoorbeeld:

<!—Leads by Source – Open Leads -->
{% chart id:"EE3C733D-5693-DE11-97D4-00155DA3B01E" viewid:"xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx" %}

Nu de declaratie van de Liquid-code voor het diagram de diagram-id heeft, neemt u de volgende stappen om de weergave-id op te halen.

De id van een weergave ophalen

U moet de weergave-editor openen om de weergave-id die moet worden gebruikt met de Liquid-code voor diagram te kunnen ophalen.

Ga naar make.powerapps.com en selecteer de juiste omgeving.
Selecteer Gegevens > Entiteiten in de linkernavigatiebalk.
Selecteer de juiste tabel en ga naar het tabblad 'Weergaven'.
U kunt de lijst met weergaven zien. Ga naar opties (...) en selecteer 'Weergave bewerken'.
Kopieer de id-waarde vanuit de adresbalk van het weergavevenster.

Plak deze id in uw declaratie van de Liquid-code voor diagram voor de parameter voor de weergave-id, bijvoorbeeld:

<!—Leads by Source – Open Leads -->
{% chart id:"EE3C733D-5693-DE11-97D4-00155DA3B01E" viewid:"00000000-0000-0000-00AA-000010001004" %}

Vereiste voor tabelmachtigingen

De doeltabel waarop een query wordt uitgevoerd in het diagram, beschikt over leesbevoegdheid. Anonieme of geverifieerde gebruikers kunnen het diagram alleen bekijken als u ervoor zorgt dat de juiste records voor Tabelmachtiging worden gemaakt en toegewezen aan de toepasselijke webrollen.

Als er geen machtiging wordt verleend, krijgt de gebruiker het bericht dat de toegang is geweigerd.

Ondersteunde diagrammen en diagramtypen

De volgende diagramtypen worden momenteel niet ondersteund in portals:

Kolom
Staaf
Gebied
Cirkel
Line
Trechter

Ondersteunde configuratie voor Legendagegevens (reeks):

Eén reeks
Meerdere reeksen
Aggregatietypen - Som, Aantallen, Min, Max, Gem in enkele of meerdere reeksen
Regels voor bovenste X/onderste X

Ondersteunde configuratie voor labels voor horizontale assen (categorie):

Categorieën in kenmerken van een tabel of gekoppelde tabel (in kenmerkgegevenstypen die worden ondersteund door portals).
Meerdere categorieën (X-as).
Groeperen op en Sorteren op voor kenmerken.
Datumgroeperingstypen: dag, maand, jaar in primaire tabel en gekoppelde tabel op het eerste niveau.
- Datumgroepering op week, fiscaal jaar, boekingsperiode en kwartaal worden niet ondersteund.
- Datumgroepering in kenmerken van gekoppelde tabellen wordt alleen ondersteund tot het eerste koppelingsniveau.

Niet-ondersteunde diagrammen en diagramtypen

De volgende diagramtypen wordt momenteel niet ondersteund in portals:

Ring
Code

De volgende tabel bevat de diagrammen die momenteel niet worden ondersteund in portals.

Diagramnaam	Diagram-id	Tabeltype
Accounts per eigenaar - Codediagram	be178262-6142-4b41-85b7-4ccedc62cfd9	account
Activiteiten per eigenaar - Codediagram	c83b331e-87c7-488c-b8e7-89a6098ea102	activitypointer
Activiteiten per prioriteit - Ringdiagram	d3f6c1eb-2e4b-428b-8949-682a311ae057	activitypointer
Contactpersonen per account	2ff3ebea-6310-4dde-b3a1-e1144ea42b7b	contact
Contactpersonen per land/regio	ea89e2ad-2602-4333-8724-aa5775d66b77	contact
Contactpersonen per voorkeur voor contactwijze	751b7456-308e-4568-a3a9-47135aae833a	contact
Voortgang van doelstelling (aantal)	a93b8f7b-9c68-df11-ae90-00155d2e3002	doelstelling
Voortgang van doel (financieel)	aec6d51c-ea67-df11-ae90-00155d2e3002	doelstelling
Doel van vandaag vergeleken met werkelijke waarden (aantal)	1b697c8e-9a6f-df11-986c-00155d2e3002	doelstelling
Doel van vandaag vergeleken met werkelijke waarden (bedrag)	1e697c8e-9a6f-df11-986c-00155d2e3002	doelstelling
Aanvragen op account	38872e4f-ac99-e511-80da-00155dc1b253	incident
Aanvragen per prioriteit	0f0fb995-9d6f-453c-b26d-8f443e42e676	incident
Aanvragen per product	17c3f166-5b22-4476-819b-b05da2e8d24f	incident
Artikelen die deze maand verlopen per eigenaar	47d696ad-7c3b-e511-80d1-00155db10d2b	knowledgearticle
Per eigenaar	330068fd-833b-e511-80d1-00155db10d2b	knowledgearticle
Per onderwerp	bcd3f9a5-913b-e511-80d1-00155db10d2b	knowledgearticle

Overige overwegingen

Lange labels op een horizontaal aslabel (categorie) kunnen elkaar overlappen bij gebruik van een groot aantal gegevenspunten in de grafiek.
Als u de muis op de opmaak van valutagegevenstypen houdt, worden waarden weergegeven met spaties in plaats van scheidingstekens.
Numerieke velden worden momenteel in decimale notatie weergegeven.
Waarden op horizontale assen kunnen maximaal 15 labels weergeven.

Zie ook

Modelgestuurde diagrammen in portals

Notitie

Laat ons uw taalvoorkeuren voor documentatie weten! Beantwoord een korte enquête. (houd er rekening mee dat deze in het Engels is)

De enquête duurt ongeveer zeven minuten. Er worden geen persoonlijke gegevens verzameld (privacyverklaring).

Delen via