Compartilhar via


Gráfico de colunas e controles de gráfico de linhas no Power Apps

Controles que mostram dados como grafos com eixos x e y.

Description

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 gráfico do gráfico e uma Legenda.

Propriedades da chave do gráfico

Itens – A fonte de dados que aparece 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 linhas.

Observação

Um máximo de 9 séries pode ser exibido

Propriedades adicionais do gráfico

BorderColor – A cor da borda de um controle.

BorderStyle – se a borda de um controle é Solid, Dashed, Dotted ou None.

BorderThickness – A espessura da borda de um controle.

Cor – a cor do texto em um controle.

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

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

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

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

Altura – a distância entre as bordas superior e inferior de um controle.

HoverBorderColor – A cor da borda de um 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 colunas em um gráfico de colunas.

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

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

MarkerSuffix – Texto que aparece após cada valor em um gráfico de colunas para o qual a propriedade Markers é definida como true.

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

MinimumBarWidth – A largura mais estreita possível de colunas em um gráfico de colunas.

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

OnSelect – Ações a serem executadas quando o usuário toca ou clica 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 de um 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 linhas.

  • A propriedade SeriesAxisMax está disponível para o controle de gráfico de colunas , mas não para o controle de 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 de gráfico de colunas , mas não para o controle gráfico de linhas .

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

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

Visível – se um controle aparece ou está oculto.

Largura – 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 uma coluna ou gráfico 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 o controle de 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 o controle de gráfico de colunas .

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

Max( DataSource, ColumnName )

Example

  1. Adicione um controle Button e defina sua propriedade 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 Coletar ou outras funções?

  2. Pressione F5, clique ou toque no controle Botão e pressione Esc para retornar ao workspace padrão.

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

    O controle mostra os dados de receita de cada produto ao longo de três anos.

Diretrizes de acessibilidade

Contraste de cores

Deve haver contraste de cores adequado entre:

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

Suporte ao leitor de tela

  • Deve haver um rótulo imediatamente antes do gráfico do gráfico para servir como o título.

  • Considere adicionar um resumo do gráfico do gráfico. Por exemplo, "O gráfico de linhas mostra um aumento constante nas vendas entre março e agosto deste ano."

    Observação

    Gráficos gráficos e Legenda estão ocultos dos usuários do leitor de tela. Como alternativa, uma forma tabular dos dados é apresentada a eles. Eles também podem percorrer botões que selecionam dados no gráfico.

Suporte à visão baixa

  • Deve haver uma Legenda se mais de uma série for mostrada.
  • Considere definir GridStyle como GridStyle.All, que mostra os dois eixos. Isso ajuda todos os usuários a determinar com precisão a escala dos dados.
  • Para o gráfico de colunas, considere a definição de Marcadorescomo true. Isso ajuda os usuários de baixa visão a determinar o valor de uma coluna.

Suporte ao teclado

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

    Observação

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