Compartilhar via


Adicionar um gráfico criado em um aplicativo baseado em modelo a uma página da Web no portal

Observação

Desde o dia 12 de outubro de 2022, os portais do Power Apps passaram a ser Power Pages. Mais Informações: O Microsoft Power Pages já está disponível para todos (blog)
Em breve, migraremos e mesclaremos a documentação dos portais do Power Apps com a documentação do Power Pages.

Você adiciona um gráfico em uma página da Web usando uma marca líquida chamada Gráfico. Você pode adicionar a marca Liquid do gráfico em:

  • O campo Copiar em uma página da Web.
  • No campo Origem em um modelo da Web.

Exemplo de gráfico.

Por exemplo, para mostrar clientes potenciais por origem e filtrados apenas para exibição de clientes potenciais em aberto:

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

Importante

Você deve especificar os valores para os parâmetros chart id e viewid para renderizar um gráfico em uma página da Web de portais.

Obter a ID de um gráfico

  1. Vá para a entidade de destino, por exemplo, Vendas > Clientes potenciais.

  2. Expanda a área Gráficos.

  3. Selecione o gráfico desejado.

  4. Selecione Mais Comando e, em seguida, Exportar Gráfico.

    Exportar um gráfico.

  5. Abra o arquivo XML do gráfico exportado em um editor de texto.

  6. Copie o valor da marca <visualizationid>.

    Obter o chartid para um gráfico.

  7. Copie o valor de visualizationid na declaração de marca de gráfico Liquid para o parâmetro de ID do gráfico, por exemplo:

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

Agora que a declaração de marca do gráfico Liquid tem a ID do gráfico, siga as próximas etapas para obter a ID de exibição.

Obter a ID de uma exibição

É necessário abrir o editor para obter a ID de exibição a ser usada com a marca líquida do gráfico.

  1. Acesse make.powerapps.com e selecione o ambiente apropriado.

  2. Na barra de navegação esquerda, selecione Dados > Entidades.

  3. Selecione a tabela apropriada e vá para a guia "Exibições".

  4. Você pode ver a lista de exibições. Vá para as opções (...) e selecione "Editar Exibição".

  5. Copie o valor da ID da URL da barra de endereços da janela Exibição.

    Exiba a ID do formulário.

  6. Copie este Id para sua declaração de marca líquida do gráfico para o parâmetro viewid, por exemplo:

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

Requisito de permissão de tabela

O privilégio de leitura é informado para a tabela de destino que está sendo consultada no gráfico. Para que os usuários anônimos ou autenticados possam exibir o gráfico, você deve garantir que os registros apropriados de Permissão de Tabela sejam criados e atribuídos às funções Web aplicáveis.

Se a permissão não for concedida, o usuário verá uma mensagem de acesso negado.

Gráficos e tipos de gráficos com suporte

Os seguintes tipos de gráficos têm suporte em portais:

  • Coluna
  • Barra
  • Área
  • Pizza
  • Line
  • Funil

Configuração com suporte para Entradas de Legenda (Série):

  • Série Única
  • Série Múltipla
  • Tipos Agregados - soma, contagens, mínimo, máximo, médio em série única ou múltipla
  • Regras X Primeiros/X Últimos

Configuração com suporte para rótulos de eixo horizontal (categoria):

  • Categorias em atributos de uma tabela ou tabela vinculada (em tipos de dados de atributos suportados por portais).
  • Várias categorias (eixo X).
  • Agrupar por e Ordenar por em atributos.
  • Tipos de agrupamento de datas - Dia, Mês, Ano na Tabela primária e Tabela vinculada de primeiro nível.
    • Agrupamento de datas por semana, ano fiscal, período fiscal e trimestre são sem suporte.
    • O agrupamento de datas em atributos de Tabela vinculada é permitido apenas até o primeiro nível de Vínculo.

Gráficos e tipos de gráficos não suportados

No momento, os seguintes tipos de gráfico não são compatíveis nos portais:

  • Rosca
  • Marca

A tabela a seguir lista os gráficos que não são compatíveis atualmente nos portais.

Nome do gráfico ID do gráfico Tipo de Tabela
Contas por Proprietário - Gráfico de Marcas be178262-6142-4b41-85b7-4ccedc62cfd9 conta
Atividades por Proprietário - Gráfico de Marca c83b331e-87c7-488c-b8e7-89a6098ea102 activitypointer
Atividades por Prioridade - Gráfico de Rosca d3f6c1eb-2e4b-428b-8949-682a311ae057 activitypointer
Contatos por Conta 2ff3ebea-6310-4dde-b3a1-e1144ea42b7b contato
Contatos por País/Região ea89e2ad-2602-4333-8724-aa5775d66b77 contato
Contatos por Método Preferencial de Contato 751b7456-308e-4568-a3a9-47135aae833a contato
Progresso da Meta (Contagem) a93b8f7b-9c68-df11-ae90-00155d2e3002 goal
Progresso da Meta (Quantia) aec6d51c-ea67-df11-ae90-00155d2e3002 goal
Destino x Dados Reais de Hoje (Contagem) 1b697c8e-9a6f-df11-986c-00155d2e3002 goal
Destino x Dados Reais de Hoje (Quantia) 1e697c8e-9a6f-df11-986c-00155d2e3002 goal
Ocorrências por Conta 38872e4f-ac99-e511-80da-00155dc1b253 incident
Ocorrências por Prioridade 0f0fb995-9d6f-453c-b26d-8f443e42e676 incident
Ocorrências por Produto 17c3f166-5b22-4476-819b-b05da2e8d24f incident
Artigos que expiram este mês por proprietário 47d696ad-7c3b-e511-80d1-00155db10d2b knowledgearticle
Por Proprietário 330068fd-833b-e511-80d1-00155db10d2b knowledgearticle
Por Assunto bcd3f9a5-913b-e511-80d1-00155db10d2b knowledgearticle

Outras considerações

  • Rótulos longos no rótulo de eixo horizontal (categoria) podem ser sobrepostos ao usar um grande número de pontos de dados no gráfico.
  • Ao passar o mouse sobre a formatação de tipos de dados de moeda, você verá valores com espaços em vez de separadores.
  • Os campos numéricos são exibidos atualmente em formato decimal.
  • Os valores do eixo horizontal só podem mostrar até 15 rótulos.

Confira também

Gráficos baseados em modelo nos portais

Observação

Você pode nos falar mais sobre suas preferências de idioma para documentação? Faça uma pesquisa rápida. (Observe que esta pesquisa está em inglês)

A pesquisa levará cerca de sete minutos. Nenhum dado pessoal é coletado (política de privacidade).