El tile de Gráfico
El tile de Gráfico es al que más recurrirá, y hace bastante más que «barras, líneas, tarta». Esta página es su referencia: los tipos de gráfico y luego el editor de Opciones de gráfico, donde vive la mayor parte de la potencia.
Tipos de gráfico
Elija el tipo en el editor ⚙ del tile. El menú los agrupa:
| Grupo | Tipos |
|---|---|
| Barras | Barras, Barras apiladas, Cascada |
| Líneas | Línea, Línea apilada, Área, Área apilada |
| Proporcionales | Tarta, Donut, Treemap, Sunburst |
| Matriz | Heatmap, Radar |
| Puntos | Dispersión, Burbuja |
| Geo | Mapa (coropleta — por país) |
Algunos merecen mención aparte:
- Cascada — contribuciones acumuladas, para un puente de un total a otro.
- Treemap / Sunburst — proporción con muchas más categorías de las que puede llevar una tarta; el sunburst añade la profundidad de la jerarquía.
- Heatmap — dos ejes categóricos con la medida como color. Filas en un eje, columnas en el otro.
- Dispersión / Burbuja — vea La dispersión traza dos medidas.
- Mapa (coropleta) — vea Los mapas van por país.
La dispersión traza dos medidas
Dele a una dispersión dos medidas y las traza una contra otra — la primera en x, la segunda en y, un punto por miembro de fila. Ésa es la lectura volumen-contra-valor que encuentra un segmento de alto volumen y bajo valor.
Burbuja toma una tercera medida para el radio.
Con una sola medida no hay par que trazar, así que el gráfico retrocede a trazar esa medida a lo largo de las categorías de fila.
Los puntos se etiquetan con su nombre de miembro mientras las etiquetas aún quepan. Se aplican dos límites, y el segundo es el que suele morder: como mucho 25 puntos, y como mucho 220 caracteres de texto de etiqueta en total.
El presupuesto de caracteres existe porque el número de puntos por sí solo no predice el solapamiento — las etiquetas se dibujan a la derecha de cada punto, así que lo que de verdad choca es su anchura combinada. Trece almacenes llamados Quality Warehousing and Trucking se sobreimprimen mucho antes que veinticinco tiendas llamadas Store 6.
Así que una dispersión de dieciocho puestos de trabajo como Store Assistant Manager no dibuja ninguna etiqueta — dieciocho está bajo el tope de puntos, pero los títulos se pasan de largo de los 220 caracteres. Eso no es un fallo; es el tile decidiendo que el tooltip se leerá mejor. Acorte las captions de los miembros si quiere las etiquetas de vuelta.
Los mapas van por país
La coropleta resuelve la caption de cada fila contra un mapa base de
países del mundo. Los alias comunes (USA, UK) se casan
automáticamente.
Los nombres subnacionales — estados de EE. UU., condados, códigos postales — no se colocarán, porque no hay mapa base para ellos. Si algunas filas no casan, el tile lo dice encima del gráfico:
1 of 16 categories matched the country map (no match: Illinois, Michigan, Minnesota, +12 more). This map plots countries — sub-national names won’t place.
En Opciones de gráfico, un mapa recibe una rampa de color (Blues, Greens, Reds, Viridis, Diverging) y una opción de datos faltantes — dejar un país en blanco, o tratar su medida ausente como cero.
Opciones de gráfico
El botón Opciones de gráfico del editor ⚙ («Título, ejes, leyenda, eje dual y tendencia…») abre el editor del gráfico. Todo aquí es por tile y persiste con la App.
Títulos, ejes y leyenda
Título del gráfico, etiqueta del eje x, etiqueta del eje y, si la leyenda se muestra y dónde se sitúa (arriba / abajo / izquierda / derecha).
Colores
Una paleta con nombre — Tema por defecto, Vibrante, Fría, Cálida, Tierra — más sobrescrituras de color por serie indexadas por nombre de serie. Deje una serie intacta para que la paleta la gobierne.
Ejes Y — el arreglo del eje dual
Dos medidas de magnitud muy distinta en un solo eje vuelven invisible a la menor: recuentos de recetas en los miles frente a ingresos en las decenas de millones aplanan los recuentos contra la línea del cero.
- Eje dual automático los separa cuando el máximo de una serie está un orden de magnitud o más por debajo de la dominante.
- Por serie sobrescribe esa decisión — fuerce cualquier medida al eje izquierdo o derecho.
Es el control más útil del editor, y el que más a menudo se les escapa a los autores.
Tipo de serie (gráficos combo)
Dele a una serie su propio tipo de gráfico — ingresos como barras con una línea de tasa de crecimiento encima — entre Barras / Línea / Área / Dispersión. Solo tipos cartesianos; mezclar una tarta en un gráfico de barras no tiene sentido.
Línea de tendencia
Regresión lineal, media móvil o media móvil ponderada, con periodo configurable. Las líneas de tendencia se dibujan en gráficos de línea / línea apilada / área, usando la primera columna de medida.
Ordenar y Top N
Ordenar categorías por la primera medida (ascendente / descendente, o mantener el orden de la consulta) y recortar al top 5 / 10 / 20 / 50. Ambos son del lado del cliente — sin nueva consulta — y persisten con el tile, así que la vista ordenada es la que ve su audiencia.
Formato numérico
Se aplica al texto de valores — etiquetas de eje, valores de tooltip, etiquetas de datos — no al eje de categorías:
| Campo | Efecto |
|---|---|
| Prefijo / Sufijo | Antepuesto / añadido literalmente (£, %, ms) |
| Decimales | Decimales fijos; en blanco = precisión natural |
| Separador de miles | Agrupación por locale |
| Abreviar números grandes | Colapsa a k / M / B / T |
Déjelo todo en blanco para valores en crudo.
Líneas y bandas de referencia
Dibuje líneas de umbral / objetivo sobre gráficos de barras, línea, área y dispersión — una línea Y es horizontal en un valor, una línea X vertical en un índice de categoría — y sombree un rango objetivo con una banda.
Formato condicional
Colores por medida guiados por umbrales, para que las barras que pasan un objetivo tomen otro color sin tocar la consulta.
Detección de anomalías
Active Detectar anomalías y el tile marca los puntos atípicos de la serie. Útil en una tendencia larga donde el ojo se desliza por encima de una única semana mala.
Previsión
Active Mostrar previsión y el tile añade un horizonte proyectado — una continuación discontinua con banda de confianza — más allá del último punto real.
Filtro cruzado al arrastrar
Marque Emitir filtro cruzado al arrastrar y arrastrar un rango sobre
este gráfico filtra los demás tiles de la página a esos miembros. El
tile de origen conserva su contexto completo para que vea dónde cae la
selección; Esc la limpia.
Ésta es la forma más rápida de que una página se sienta como una aplicación en vez de un informe: un gráfico de tendencia arriba, arrastre una quincena, y el resto de la página sigue.
Auto-refresco
Todo tile ligado a una consulta — no solo los gráficos — puede re-ejecutarse en un intervalo: 1, 5, 15, 30 o 60 minutos. Los filtros activos se respetan en cada ejecución, y el temporizador se pausa mientras la pestaña del navegador está oculta, para que una pantalla de pared no machaque el servidor en segundo plano.
Relacionado
- Construir páginas y tiles — los tipos de tile y cómo funciona la vinculación.
- Tiles personalizados — los renderizadores declarativos para formas que estos dieciséis no cubren.
- Diseño y tematización — los gráficos pintan desde los tokens de la App.