Controles gráfico de columnas y gráfico de líneas en Power Apps

Controles que muestran datos como gráficos con ejes x e y.

Description

Gráfico de columnas y Gráfico de líneas son controles agrupados. Cada grupo contiene tres controles: una etiqueta para el título, el gráfico del gráfico y una leyenda.

Propiedades de clave de gráfico

Elementos : el origen de datos que aparece en un control como una galería, una lista o un gráfico.

NumberOfSeries : cuántas columnas de datos se reflejan en un gráfico de columnas o líneas.

Propiedades adicionales del gráfico

BorderColor : color del borde de un control.

BorderStyle : indica si el borde de un control es Sólido, Discontinuo, Punteado o Ninguno.

BorderThickness : grosor del borde de un control.

Color : color del texto de un control.

DisabledBorderColor : color del borde de un control si la propiedad DisplayMode del control está establecida en Deshabilitado.

DisplayMode : indica si el control permite la entrada del usuario (Editar), solo muestra datos (Vista) o está deshabilitado (Deshabilitado).

Fuente : el nombre de la familia de fuentes en la que aparece el texto.

GridStyle : indica si un gráfico de columnas o líneas muestra su eje X, su eje Y, ambos o ninguno.

Alto : distancia entre los bordes superior e inferior de un control.

HoverBorderColor : color del borde de un control cuando el usuario mantiene el puntero del mouse en ese control.

ItemColorSet : color de cada punto de datos de un gráfico.

ItemsGap : distancia entre columnas de un gráfico de columnas.

• La propiedad ItemsGap está disponible para el control Gráfico de columnas , pero no para el control Gráfico de líneas .

Marcadores: indica si un gráfico de columnas o líneas muestra el valor de cada punto de datos.

MarkerSuffix : texto que aparece después de cada valor de un gráfico de columnas para el que la propiedad Markers está establecida en true.

• La propiedad MarkerSuffix está disponible para el control Gráfico de columnas , pero no para el control Gráfico de líneas .

MinimumBarWidth : el ancho más estrecho posible de las columnas de un gráfico de columnas.

• La propiedad MinimumBarWidth está disponible para el control Gráfico de columnas , pero no para el control Gráfico de líneas .

OnSelect : acciones que se deben realizar cuando el usuario pulsa o hace clic en un control.

PaddingBottom : distancia entre el texto de un control y el borde inferior de ese control.

PaddingLeft : distancia entre el texto de un control y el borde izquierdo de ese control.

PaddingRight : la distancia entre el texto de un control y el borde derecho de ese control.

PaddingTop : la distancia entre el texto de un control y el borde superior de ese control.

PressedBorderColor : color del borde de un control cuando el usuario pulsa o hace clic en ese control.

SeriesAxisMax : valor máximo del eje Y para un gráfico de columnas o líneas.

• La propiedad SeriesAxisMax está disponible para el control Gráfico de columnas , pero no para el control Gráfico de líneas .

SeriesAxisMin : número que determina el valor mínimo del eje Y para un gráfico de columnas.

• La propiedad SeriesAxisMin está disponible para el control Gráfico de columnas , pero no para el control Gráfico de líneas .

Tamaño : tamaño de fuente del texto que aparece en un control.

TabIndex : orden de navegación del teclado en relación con otros controles.

Visible : indica si un control aparece o está oculto.

Ancho : distancia entre los bordes izquierdo y derecho de un control.

X: la distancia entre el borde izquierdo de un control y el borde izquierdo de su contenedor primario (la pantalla si no hay un contenedor primario).

XLabelAngle : ángulo de las etiquetas debajo del eje X de un gráfico de columnas o líneas.

Y: la distancia entre el borde superior de un control y el borde superior de su contenedor primario (la pantalla si no hay un contenedor primario).

YAxisMax : valor máximo del eje Y para un gráfico de líneas.

• La propiedad YAxisMax está disponible para el control Gráfico de líneas , pero no para el control Gráfico de columnas .

YAxisMin : el valor mínimo del eje y para un gráfico de líneas.

• La propiedad YAxisMin está disponible para el control Gráfico de líneas , pero no para el control Gráfico de columnas .

YLabelAngle : ángulo de las etiquetas junto al eje Y de un gráfico de líneas o columnas.

Funciones relacionadas

Max( DataSource, ColumnName )

Example

1. Agregue un control Button y establezca en su propiedad OnSelect la fórmula siguiente:
   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})

   ¿No sabe cómo agregar y configurar un control?

   ¿Desea más información sobre la función Collect u otras funciones?

2. Presione F5, haga clic o pulse en el control Botón y, a continuación, presione Esc para volver al área de trabajo predeterminada.

3. Agregue un control Gráfico de columnas o un control Gráfico de líneas , establezca su propiedad Items en Revenue y establezca su propiedad NumberOfSeries en 3.

   El control muestra los datos de ingresos de cada producto durante tres años.

Directrices de accesibilidad

Contraste de color

Debe haber un contraste de color adecuado entre:

• cada elemento de ItemColorSet
• cada elemento de ItemColorSet y el color de fondo
• Color y color de fondo

Compatibilidad con lector de pantalla

• Debe haber una etiqueta inmediatamente antes de que el gráfico del gráfico actúe como título.

• Considere la posibilidad de agregar un resumen del gráfico del gráfico. Por ejemplo, "El gráfico de líneas muestra un aumento constante de las ventas entre marzo y agosto de este año".

  Nota:

  Gráficos gráficos y Leyenda están ocultos de los usuarios del lector de pantalla. Como alternativa, se presenta una forma tabular de los datos. También pueden recorrer los botones que seleccionan datos en el gráfico.

Compatibilidad con la visión baja

• Debe haber una leyenda si se muestra más de una serie.
• Considere la posibilidad de establecer GridStyle en GridStyle.All, que muestra ambos ejes. Esto ayuda a todos los usuarios a determinar con precisión la escala de los datos.
• En Gráfico de columnas, considere la posibilidad de establecer Marcadores en true. Esto ayuda a los usuarios de baja visión a determinar el valor de una columna.

Compatibilidad de teclado

• TabIndex debe ser cero o mayor para que los usuarios del teclado puedan navegar a él.

  Nota:

  Cuando los usuarios del teclado navegan al gráfico, pueden recorrer los botones que seleccionan los datos del gráfico.