Ir al contenido principal
Todas las coleccionesGuías de usuario
Configuración personalizada para gráficos de barras e histogramas
Configuración personalizada para gráficos de barras e histogramas

Personaliza la visualización de datos de tus histogramas y gráficos de barras en Ubidots

Sergio M avatar
Escrito por Sergio M
Actualizado hace más de una semana

Los histogramas y gráficos de barras son muy útiles para la visualización de datos. Aunque son bastante similares, no comparten el mismo propósito real: mientras que los histogramas están destinados a mostrar la frecuencia de un rango de datos específico, los gráficos de barras están destinados a comparar valores a través de la altura o longitud de las barras. Hoy, aprenderemos a personalizar cada uno de estos gráficos.

1. Gráficos de Histogramas

Un histograma predeterminado se ve así:

Al crear el widget, se te pedirá que elijas:

  • El número de bins que se muestran.

  • Configuración de los ejes X y Y.

  • Prefijo SI: Añade un prefijo de unidad del Sistema Internacional de Unidades (Sistema Métrico) al widget.

Personaliza el widget:

Edita la configuración del widget y ve a la pestaña "apariencia" ubicada en la esquina superior derecha.​

Ajusta los campos para que se adapten a tus parámetros deseados. A continuación, un buen ejemplo de gráfico de histograma personalizado:

2. Gráficos de Barras

Un gráfico de barras predeterminado se ve así:

Para ajustar su configuración, abre el menú de configuración del widget creando o editando un widget:

En el campo "método de agregación", puedes elegir la forma en que se muestra tu data eligiendo una de las siguientes opciones:

  • Promedio: Muestra el valor promedio por hora o por día según las lecturas de tu sensor.

  • Mínimo: Muestra el valor mínimo de la variable.

  • Máximo: Muestra el valor máximo de la variable.

  • Suma: Muestra la suma de los valores.

  • Conteo: Muestra el número de dots recibidos almacenados en la variable.

  • Último valor: Muestra el último valor recibido por la variable.


La configuración de la imagen anterior da como resultado el siguiente widget.

  • Resaltar las columnas principales: Elige el número de barras que deseas resaltar con el color de tu elección o déjalo en 0 para que ninguna barra sea resaltada. Las barras con los valores más altos se ven afectadas por esta opción.

  • Ordenar columnas: Ordena las barras según sus valores en orden ascendente o descendente.

  • Formato de fecha.

  • Decimales: Elige el número de decimales que se mostrarán en los valores.

  • Prefijo SI: Decide si se añadirá o no un prefijo del Sistema Métrico.

¿Ha quedado contestada tu pregunta?