Los colores de tu tema en Deneb: pbiColorNominal y compañía
Quita los colores escritos a mano de una especificación y deja que la gráfica tome los de tu tema, como cualquier visual de Power BI.
2 partes · 7 y 2 min
Curso gratis. Tu Maestro, una IA, .
Un reporte de Power BI tiene un tema que define la paleta de colores de todos sus visuales. Cuando alguien cambia el tema del reporte, las gráficas nativas se actualizan juntas al instante. Si tu visual de Deneb tiene códigos hexadecimales escritos a mano dentro de la especificación, queda fuera de esa regla: conserva su rojo, su verde limón o su morado aunque el resto del reporte haya cambiado a tonos azules o a un fondo oscuro.
Esto pasa muy seguido cuando copias códigos de color de otro reporte o cuando le pides una gráfica de Palabra del glosario a una IA, porque la IA suele inventar una lista de colores fijos dentro de range. Para que tus gráficas hechas a la medida se comporten como cualquier otro visual del reporte, Deneb registra cuatro esquemas de color conectados directamente al tema de Power BI:
| Esquema de Deneb | Tipo de campo (type) | Cómo toma los colores del tema |
|---|---|---|
pbiColorNominal | nominal (categorías sin orden) | Usa los colores principales del tema, en orden |
pbiColorOrdinal | ordinal (categorías con orden) | Crea pasos desde el color mínimo hasta el máximo del tema, saltándose el color medio |
pbiColorLinear | quantitative (números continuos) | Crea un degradado continuo del color mínimo al máximo del tema, sin pasar por el medio |
pbiColorDivergent | quantitative (números con un centro) | Va del color mínimo al máximo pasando por el color medio del tema |
El esquema que elijas debe coincidir con el type que le pusiste al campo en el canal color. Si pintas Categoría (Bebidas calientes, Bebidas frías y Panadería), usas el tipo nominal junto con pbiColorNominal para que cada una reciba un tono distinto del tema. Si en cambio coloreas las barras según la suma de Ventas, el campo es quantitative y le corresponde una rampa numérica como pbiColorLinear.
Para activar cualquiera de los cuatro esquemas en tu código Palabra del glosario, lo indicas dentro de scale en el canal color:
"color": { "field": "Categoría", "type": "nominal", "title": null,Inicio de la línea 5. "scale": { "scheme": "pbiColorNominal" } Fin de la línea 5.}Nota: Nombres exclusivos de Deneb
Deneb registra pbiColorNominal, pbiColorOrdinal, pbiColorLinear y pbiColorDivergent dentro de Power BI. Fuera de Power BI, como en el editor interactivo de esta página, Vega-Lite usa directamente el tema de la página cuando dejas el canal color sin un scale fijo. La regla práctica es la misma en ambos lugares: deja que el tema asigne la paleta en lugar de escribir códigos hexadecimales en cada especificación.
Cuándo sí escribir un color a mano
Para pintar todas las series de una gráfica, nunca hace falta escribir colores uno por uno. Si tu empresa tiene una paleta institucional, esos colores se cargan una sola vez en el tema del reporte de Power BI; a partir de ahí, pbiColorNominal y los demás esquemas los toman automáticamente en todas tus especificaciones de Deneb.
El único caso donde conviene fijar un color en la especificación es cuando ese tono tiene un significado propio que el tema desconoce, como pintar de rojo únicamente las sucursales que quedaron por debajo de Meta. Aun en ese caso, antes de fijar un color piensa si basta con resaltar lo importante mediante la opacidad (opacity): dejar al 100% las barras que quieres destacar y bajar la opacidad del resto funciona con cualquier tema, claro u oscuro. Vas a construir ese efecto paso a paso en la página sobre filtro cruzado.
Si tu empresa tiene una paleta oficial, pregúntale a tu Maestro dónde conviene configurarla.
En el siguiente editor alguien pegó tres colores fijos dentro de range. Quítalos para que la gráfica vuelva a tomar los colores del tema:
Buen lugar para parar. Después: parte 2 de 2 · 2 min
Inténtalo
Ya sin colores escritos a mano, observa la gráfica un momento y pregúntate si aquí hace falta usar un color distinto por barra. Categoría ya está en el eje x con su etiqueta debajo de cada columna, así que darle un color diferente a cada barra repite el mismo dato dos veces.
En el editor de arriba, borra el bloque "color": { ... } completo dentro de encoding y compara el resultado. Sabrás que quedó listo cuando veas las tres barras del mismo color del tema, ordenadas de mayor a menor según sus ventas. Cuando una gráfica se entiende igual con un solo color, conviene dejar el canal color libre para cuando realmente agregue información, como distinguir la meta de las ventas reales en una mancuerna.
Si al borrar el canal de color aparece un error de sintaxis, pégale tu especificación a tu Maestro.