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

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

Descripción

Diagrama de columnas y Gráfico de líneas son controles agrupados. Cada grupo contiene tres controles: un control Etiqueta para el título, el gráfico y una Legend.

Propiedades principales del gráfico

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

NumberOfSeries: indica el número de columnas de datos reflejadas en un diagrama de columnas o de líneas.

Propiedades adicionales del gráfico

BorderColor: el color del borde de un control.

BorderStyle: si el borde del control es Solid, Dashed, Dotted o None.

BorderThickness: el grosor del borde de un control.

Color: el color del texto en un control.

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

DisplayMode: indica si el control permite entradas de usuario (Editar), solo muestra datos (Ver) o si está deshabilitado (Deshabilitado).

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

GridStyle: indica si un diagrama de columnas o de líneas muestra su eje x, su eje y, ambos o ninguno.

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

HoverBorderColor: el color del borde de un control cuando el usuario mantiene el puntero del ratón sobre ese control.

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

ItemsGap: indica la distancia entre las columnas de un diagrama de columnas.

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

Markers: indica si un diagrama de columnas o de líneas muestra el valor de cada punto de datos.

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

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

MinimumBarWidth: el ancho mínimo posible de columnas en un diagrama de columnas.

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

OnSelect: acciones para llevar a cabo cuando el usuario toca 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: distancia entre el texto de un control y el borde derecho de ese control.

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

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

SeriesAxisMax: el valor máximo del eje y de un diagrama de columnas o de líneas.

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

SeriesAxisMin: un número que determina el valor mínimo del eje y de un diagrama de columnas.

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

Size: tamaño de la 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.

Width: la distancia entre los bordes derecho e izquierdo 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: el ángulo de las etiquetas debajo del eje x de un diagrama de columnas o de 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: el valor máximo del eje y de un diagrama de columnas o de líneas.

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

YAxisMin: el valor mínimo del eje y de un diagrama de columnas o de líneas.

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

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

Funciones relacionadas

Max( DataSource, ColumnName )

Ejemplo

1. Agregue un control Botón y establezca su propiedad OnSelect en 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})

   ¿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, pulse o haga clic en el control Botón y presione Esc para volver al área de trabajo predeterminada.

3. Agregue un control Diagrama 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 datos de ingresos para cada producto durante tres años.

Instrucciones para 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 el color de fondo

Compatibilidad con el lector de pantalla

• Debe haber un control Etiqueta inmediatamente delante del gráfico para que sirva de título.

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

  Nota

  Los gráficos y el control Legend están ocultos para los usuarios de lector de pantalla. Como alternativa, se les presenta los datos en formato tabular. También pueden recorrer los botones que seleccionan datos en el gráfico.

Apoyo para deficiencia visual

• Debe haber un control Legend si se muestra más de una serie.
• Considere la posibilidad de establecer GridStyle en GridStyle.All, que muestra ambos ejes. Esto ayuda a que todos los usuarios puedan determinar con precisión la escala de los datos.
• Para el control Diagrama de columnas, considere la posibilidad de establecer Markers en true. Esto ayuda a los usuarios con deficiencia visual a determinar el valor de una columna.

Compatibilidad con el teclado

• TabIndex debe ser cero o superior para que los usuarios del teclado puedan desplazarse hasta él.

  Nota

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