CONFECCIONAR UN GRÁFICO DE POWER APPS

Hola a todos!

De todo lo que llevo publicando de Power Apps aún no he tratado nada sobre gráficos. Y es que normalmente todo el tema de visualización lo trato con Power BI dentro de la aplicación de Power Apps.

Pero hoy he decido publicar algo sobre el tema con un ejemplo específico para un gráfico de columnas. Imaginad la siguiente galería que se va filtrando a medida que seleccionamos por el campo SECCION:

Por ejemplo aquí tenemos la Sección de TURISMO Y REGALOS, con la valoración de los dos últimos años de sus empleados. La idea es crear un gráfico de barras que compare los dos años y lo haga por cada una de las categorías: Sobresaliente, Competente y Deficiente.

Para hacer esto vamos debemos añadir el tipo de gráfico con el que queremos trabajar:

Una vez seleccionado, vamos a incluir el siguiente código en la propiedad ítems:

Código:

Table(
    { 
        Categoria: "Sobr.2023"; 
        Valor: CountIf(Gallery1.AllItems; 'VALORACIÓN 2023' = "SOBRESALIENTE")
    };
    { 
        Categoria: "Sobr.2024"; 
        Valor: CountIf(Gallery1.AllItems; 'VALORACIÓN 2024' = "SOBRESALIENTE")
    };
    { 
        Categoria: ""; 
        Valor: 0
    };
    { 
        Categoria: "Comp.2023"; 
        Valor: CountIf(Gallery1.AllItems; 'VALORACIÓN 2023' = "COMPETENTE")
    };
    { 
        Categoria: "Comp.2024"; 
        Valor: CountIf(Gallery1.AllItems; 'VALORACIÓN 2024' = "COMPETENTE")
    };
    { 
        Categoria: ""; 
        Valor: 0
    };
    { 
        Categoria: "Def.2023"; 
        Valor: CountIf(Gallery1.AllItems; 'VALORACIÓN 2023' = "DEFICIENTE")
    };
    { 
        Categoria: "Def.2024"; 
        Valor: CountIf(Gallery1.AllItems; 'VALORACIÓN 2024' = "DEFICIENTE")
    }
)

Es decir, la propiedad ítems solo admite trabajar con datos que tengan formato tabla, por ello, vamos incluir nuestro código como una tabla, en la que vamos a expresar en categoría las etiquetas, y para obtener las cantidades vamos a usar la función CountIf según los elementos que tengamos en la galería.

Además para dejar un espacio cada dos años, incluiremos un valor 0.

El resultado es el siguiente:

Adicionalmente, para dar color personalizado a las barras, por ejemplo el año 2023 en azul y el 2024 en naranja, vamos a indicarlo en la propiedad ItemColorSet:

[RGBA(0; 0; 255; 1);RGBA(255;165;0; 1); RGBA(94;193;108;1); RGBA(0; 0; 255; 1); RGBA(255;165;0; 1); RGBA(247;180;91;1); RGBA(0; 0; 255; 1); RGBA(255;165;0; 1); RGBA(148; 110; 176; 1); RGBA(118; 154; 204; 1); RGBA(96; 197; 234; 1)]

El color azul se corresponde con RGBA(0; 0; 255; 1) y el naranja: RGBA(255;165;0; 1) y como podéis ver en el código completo lo vamos repitiendo tres veces cada uno de ellos intercalando con la parte en blanco.

Y esto es todo, como podéis ver en el ejemplo ya tenemos el gráfico y en este caso nos dice que a nivel Sobresaliente respecto a 2023 hemos mejorado, en Competente hemos empeorado y en Deficiente hemos incrementado respecto al año anterior por lo que hemos empeorado.

No olvidéis que estáis referenciando a la galería, por lo que vais a ver representado en el gráfico únicamente los ítems cargados en la galería.

Y esto es todo, espero que sea de utilidad.