Las tarjetas de gráficos muestran datos a lo largo del tiempo o por categorías. Los gráficos de líneas, barras y áreas toman una serie (valores a lo largo del tiempo); los de sectores, dispersión, histograma y mapa de calor toman una tabla. Esta página enumera los ajustes de cada uno, con sus valores predeterminados. Para saber de dónde provienen los datos, consulte Fuentes de datos y parámetros.
Gráficos de líneas, barras y áreas
Datos
La ranura Serie admite hasta 8 fuentes (+ Add another source). La fuente habitual es Device readings over time (live): elija el dispositivo, hasta 20 claves y la agregación (avg por defecto; increase para contadores). Cada clave se convierte en una serie.
Un gráfico de barras también puede dibujar una barra por fila de una tabla (One bar per > Row of a table): el último valor por dispositivo, sitio o estado. Después, elija la Bar label column, la Bar value column, el Order (As the rows come, Largest first, Smallest first) y Most bars (de 1 a 100, por defecto 30).
Estilo de las series
En Series, añada una fila por serie para darle estilo. El campo Series asocia una serie por su nombre; * coincide con todas las series, y un nombre exacto tiene prioridad sobre *. Hasta 20 filas.
| Campo | Valores |
|---|---|
| Label | Hasta 60 caracteres; ${name} representa el nombre propio de la serie |
| Colour | Un color, o automático según la paleta del tema |
| Unit, Decimals | Sustituye el formato de valor de la tarjeta para esta serie |
| Value axis | Left o Right. Ponga una serie con otra unidad (% junto a °C) en el eje derecho. |
| Stack group (barras, áreas) | Las series con el mismo grupo se apilan unas sobre otras |
| Line | Solid, Dashed, Dotted; Line width (px) de 1 a 8 |
| Points, Point shape, Point size (px) | Ajuste del gráfico, activado o desactivado; círculo, cuadrado, rombo, triángulo; de 1 a 12 |
| Fill, Fill opacity | Ninguno, plano o degradado; de 0 a 1 |
| Hidden until clicked in the legend | La serie empieza oculta |
Ajustes del gráfico
| Grupo | Ajustes y valores predeterminados |
|---|---|
| Lines (líneas) | Line shape: Smooth (por defecto), Straight, Steps; Line width (px) 2; Points on every value desactivado |
| Bars (barras) | Stack the series desactivado; Bars: Columns o Horizontal bars; Bar width 70 % del espacio para cada barra; separación 2 px; radio de esquina 4 px |
| Area (áreas) | Stack the series desactivado; Fill: None, Soft (por defecto), Medium, Strong; Fill style: Fades to the baseline o Flat |
| Value labels | Off (por defecto) o un valor en cada punto o barra; se reducen para que las etiquetas nunca se superpongan |
| Axis | Start the value axis at zero (desactivado para líneas, activado para áreas: desactivado permite ver cambios pequeños); Grid lines; Y minimum, Y maximum (a partir de los datos); Y axis title; X axis title; Value ticks (about) de 2 a 10 |
| Right axis | Right axis title, mínimo y máximo. Aparece cuando una serie está en el eje derecho. |
| Legend | When there are 2 or more (por defecto), Top, Bottom, Left, Right, Off; Values in the legend: Latest, Minimum, Maximum, Average, Total |
| Tooltip | All series (por defecto), Nearest point, Off; decimales; una fila de total para series apiladas |
| Thresholds | Hasta 10 Threshold lines: una línea horizontal en un valor con etiqueta, color, estilo y eje, por ejemplo un límite |
| Animation and zoom | Animate on load activado; Drag to zoom the time axis activado (líneas y áreas) |
Las unidades aparecen en el eje y en el tooltip. Los botones de la tarjeta empiezan por Full screen y Download data (CSV).
Ampliar y seleccionar un intervalo
En un gráfico de líneas o de áreas, arrastre sobre el gráfico para ampliarlo. El zoom es solo para usted y no cambia la ventana del panel. Un doble clic o Reset zoom lo quita.
Un gráfico también puede fijar la ventana del panel a partir de un intervalo arrastrado: en las acciones de la tarjeta, añada When a range is selected on the chart > Set the time window. Consulte Acciones de tarjeta y navegación detallada.
Comparar con el periodo anterior
Cada fuente de una ranura tiene Show the period just before (same length) debajo de su ventana temporal. Esa fuente lee entonces la ventana de la misma duración que termina donde empieza la ventana del panel; por ejemplo, la semana pasada cuando el panel muestra esta semana.
Para comparar esta semana con la anterior, coloque dos tarjetas de gráfico una al lado de otra con la misma fuente, y marque la opción en la segunda. Una fuente que lee el periodo anterior no es en directo; se actualiza según el intervalo de la tarjeta. Los puntos conservan sus horas reales, por lo que los dos periodos no se superponen en un mismo eje temporal.
Una tarjeta Stat o Stat with trend compara un número con el periodo anterior mediante su ranura Compare with (consulte Tarjetas de valor).
Gráfico de sectores
Asocie una tabla con una columna de etiqueta y una columna de valor (por ejemplo, Alarm counts by severity).
| Ajuste | Valores y predeterminados |
|---|---|
| Layout | Pie (por defecto), Donut, Donut with total (con Caption under the total); grosor del anillo de 10 a 90 % (40) |
| Most slices | De 2 a 20 (por defecto 8). Los más pequeños del resto se agrupan en una porción «Other». |
| Order | Largest first (por defecto), Smallest first, As the data |
| Text on slices | Off, Share (por defecto), Value, Name, Name and share; dentro o fuera con una línea. Las porciones por debajo del 4 % quedan sin etiqueta. |
| Slice colours | Fije un color a una porción por su etiqueta (hasta 30) |
| Tooltip shows | Value and share, Value, Share |
Al hacer clic en una porción se pueden ejecutar acciones (When a slice of the pie is clicked).
Gráfico de dispersión
Asocie una tabla con una X column y una Y column. Una Group column crea una serie por cada valor distinto (hasta 8 grupos). Opciones: color, tamaño, forma y opacidad de los puntos; Trend line (least squares) per group; unidades, decimales y límites de X e Y.
Histograma
Asocie una tabla y elija la Value column. Bins de 1 a 50 (vacío = elegido según el número de valores); mínimo y máximo del rango; Bin edges con números redondos; Mark the mean, Mark the median.
Mapa de calor
Vincule una tabla con una columna X, una columna Y y una columna de valor, por ejemplo hora del día por día de la semana. Colores: Color de bajo a alto o Rangos de color; Mínimo de escala y Máximo de escala (a partir de los datos); un valor en cada celda (oculto cuando las celdas son demasiado pequeñas).
Solución de problemas
| La tarjeta indica | Causa |
|---|---|
| «Vincule una serie de datos en la configuración de este widget.» | La ranura de la serie está vacía. |
| «No hay datos para este periodo.» | El dispositivo no envió nada en el intervalo, o las claves están mal escritas. Compruebe la pestaña Telemetría del dispositivo. |
| Un intervalo largo parece suavizado | Los intervalos largos leen agregados por hora o por día. Elija un intervalo más corto para ver el detalle en bruto. |
| «Vincule una tabla con columnas de etiqueta y valor…» | Un gráfico circular necesita una fuente de tabla, no una serie. |