Controles Gráfico de colunas e Gráfico de linhas no Power Apps

Controles que exibem dados como gráficos com eixos x e y.

Descrição

Gráfico de colunas e Gráfico de linhas são controles agrupados. Cada grupo contém três controles: um Rótulo para o título, o elemento gráfico e uma Legenda.

Principais propriedades do gráfico

Items – a fonte de dados exibida em um controle como uma galeria, uma lista ou um gráfico.

NumberOfSeries – quantas colunas de dados são refletidas em um gráfico de colunas ou de linhas.

Propriedades adicionais do gráfico

BorderColor – a cor da borda do controle.

BorderStyle – se a borda do controle é Sólida, Tracejada, Pontilhada ou Nenhuma.

BorderThickness – a espessura da borda do controle.

Color – a cor do texto em um controle.

DisabledBorderColor – a cor da borda de um controle se a propriedade DisplayMode do controle estiver definida como Desabilitado.

DisplayMode – se o controle permite entrada do usuário (Edição), apenas exibe dados (Exibição), ou está desabilitado (Desabilitado).

Font – o nome da família de fontes em que o texto é exibido.

GridStyle – se um gráfico de colunas ou de linhas mostra seu eixo x, o eixo y, ambos ou nenhum.

Height – a distância entre a parte superior do controle e as bordas inferiores.

HoverBorderColor – a cor da borda do controle quando o usuário mantém o ponteiro do mouse nesse controle.

ItemColorSet – a cor de cada ponto de dados em um gráfico.

ItemsGap – a distância entre as colunas em um gráfico de colunas.

• A propriedade ItemsGap está disponível para o controle Gráfico de colunas, mas não para o controle Gráfico de linhas.

Markers – se um gráfico de linhas ou de colunas mostra o valor de cada ponto de dados.

MarkerSuffix – texto exibido depois de cada valor em um gráfico de colunas para o qual a propriedade Markers está definida como verdadeiro.

• A propriedade MarkerSuffix está disponível para o controle Gráfico de colunas, mas não para o controle Gráfico de linhas.

MinimumBarWidth – a menor largura possível de colunas em um gráfico de colunas.

• A propriedade MinimumBarWidth está disponível para o controle Gráfico de colunas, mas não para o controle Gráfico de linhas.

OnSelect – Ações a serem executadas quando o usuário tocar ou clicar em um controle.

PaddingBottom – a distância entre o texto em um controle e a borda inferior desse controle.

PaddingLeft – a distância entre o texto em um controle e a borda esquerda desse controle.

PaddingRight – a distância entre o texto em um controle e a borda direita desse controle.

PaddingTop – a distância entre o texto em um controle e a borda superior desse controle.

PressedBorderColor – a cor da borda do controle quando o usuário toca ou clica nesse controle.

SeriesAxisMax – o valor máximo do eixo y para um gráfico de colunas ou de linhas.

• A propriedade SeriesAxisMax está disponível para o controle Gráfico de colunas, mas não para o controle Gráfico de linhas.

SeriesAxisMin – um número que determina o valor mínimo do eixo y para um gráfico de colunas.

• A propriedade SeriesAxisMin está disponível para o controle Gráfico de colunas, mas não para o controle Gráfico de linhas.

Size – o tamanho da fonte do texto que aparece em um controle.

TabIndex – ordem de navegação do teclado em relação a outros controles.

Visible – se um controle é exibido ou está oculto.

Width – a distância entre as bordas esquerda e direita de um controle.

X – a distância entre a borda esquerda de um controle e a borda esquerda de seu contêiner pai (ou a tela, se não houver contêiner pai).

XLabelAngle – o ângulo dos rótulos abaixo do eixo x de um gráfico de colunas ou de linhas.

Y – a distância entre a borda superior de um controle e a borda superior de seu contêiner pai (ou a tela, se não houver contêiner pai).

YAxisMax – o valor máximo do eixo y para um gráfico de linhas.

• A propriedade YAxisMax está disponível para o controle Gráfico de linhas, mas não para Gráfico de colunas.

YAxisMin – o valor mínimo do eixo y para um gráfico de linhas.

• A propriedade YAxisMin está disponível para o controle Gráfico de linhas, mas não para Gráfico de colunas.

YLabelAngle – o ângulo dos rótulos ao lado do eixo y de um gráfico de linhas ou de colunas.

Funções relacionadas

Max( DataSource, ColumnName )

Exemplo

1. Adicione um controle Botão e defina sua propriedade como OnSelect para esta fórmula:
   Collect(Revenue, {Year:"2013", Europa:24000, Ganymede:22300, Callisto:21200}, {Year:"2014", Europa:26500, Ganymede:25700, Callisto:24700},{Year:"2014", Europa:27900, Ganymede:28300, Callisto:25600})

   Não sabe como adicionar e configurar um controle?

   Deseja obter mais informações sobre a função Collect ou outras funções?

2. Pressione F5, clique ou toque no controle Botão, em seguida, pressione Esc para retornar ao espaço de trabalho padrão.

3. Adicione um controle Gráfico de colunas ou um controle Gráfico de linhas, defina sua propriedade Items como Receita e defina sua propriedade NumberOfSeries como 3.

   O controle mostra os dados de receita para cada produto durante três anos.

Diretrizes de acessibilidade

Contraste de cores

É necessário haver um contraste de cores adequado entre:

• cada item em ItemColorSet
• cada item em ItemColorSet e a cor da tela de fundo
• Color e cor da tela de fundo

Suporte ao leitor de tela

• É necessário haver um Rótulo imediatamente antes do elemento gráfico do gráfico para servir como o título.

• Considere adicionar um resumo do elemento gráfico. Por exemplo, “O gráfico de linhas mostra um aumento contínuo nas vendas entre março e agosto deste ano”.

  Observação

  Elementos do gráfico e Legenda ficam ocultos para os usuários de leitores de tela. Como alternativa, os dados são apresentados para eles em formulário tabular. Eles também podem percorrer os botões que selecionam os dados no gráfico.

Suporte à deficiência visual

• Uma Legenda será necessária se mais de uma série for mostrada.
• Considere definir GridStyle como GridStyle.All, que mostra ambos os eixos. Isso ajuda todos os usuários a determinar com precisão a escala dos dados.
• Para Gráfico de colunas, considere definir Marcadores como verdadeiro. Isso ajuda usuários com deficiência visual a identificarem o valor de uma coluna.

Suporte de teclado

• TabIndex deve ser zero ou maior para que os usuários de teclado possam navegar para ela.

  Observação

  Quando os usuários de teclado navegam até o gráfico, eles podem percorrer os botões que selecionam dados no gráfico.