Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 5 Next »

Interfaz de usuario: 6.2.0-Xenon

Este Gadget permite representar datos en forma de diagrama de barras.

Para empezar a usar este Gadget, se tendrá que arrastrar la caja «bar» desde el listado de Gadgets predefinidos al lienzo del Dashboard.

image-20241111-104601.png

Una vez añadido, aparecerá la ventana de configuración del Gadget, en donde se va a poder configurar las distintas opciones.

Configuración

Nombre y DataSource

En primer lugar, habrá que introducir el nombre del Gadget, así como elegir en el desplegable la Entidad o el DataSource de datos que se quiere utilizar.

image-20241111-105057.png

En caso de que se escoja una Entidad, habrá que definir la consulta SQL de la Entidad (similar a un DataSource).

image-20241111-114535.pngimage-20241111-114812.png

Para el ejemplo, se va a utilizar el DataSource de «helsinki_datasource», disponible en CloudLab.

Chart Legend

Estas propiedades hacen referencia a la leyenda de la gráfica. Se pueden configurar las siguientes opciones:

image-20241111-115413.png
  • Legend Display: dependiendo de si se activa esta opción, se mostrara u ocultará la leyenda.

image-20241111-140107.png
  • Legend Position: selector para localizar la leyenda en el diagrama. Se puede elegir entre arriba, derecha, abajo o izquierda. Por defecto aparecerá arriba.

X Axis Config

Estas propiedades hacen referencia al eje X (eje de abscisas), entre las que encontramos:

image-20241111-115956.png
  • Axis Label: que será el nombre a mostrar en el eje.

  • Ticks Every: los datos se marcarán en el eje cada tantas veces como se indique en este valor. Por defecto será por cada valor.

  • Sort: dependiendo de si se activa esta opción, se ordenarán los datos o no de manera alfabética y de menor a mayor en caso de numérico.

Y Axis Config

Estas otras propiedades hacen referencia al eje Y (eje de coordenadas). Por defecto se configura un único eje, pero se podrán añadir tantos ejes de coordenadas como datos se quieran representar.

image-20241111-124031.png
  • ID: este valor, autogenerado, corresponde con el identificador del eje.

  • Position: selector para localizar la leyenda en el diagrama. Se puede elegir entre arriba, derecha, abajo o izquierda. Por defecto aparecerá a la izquierda.

  • Type: esta opción permite elegir el tipo de visualización del diagrama, pudiendo elegir entre representación lineal o logarítmica. Por defecto se muestra como lineal.

image-20241111-141137.pngimage-20241111-142239.png
  • Axis Label: que será el nombre a mostrar en el eje.

  • Stacked: dependiendo de si se activa esta opción, los datos se apilarán unos sobre otros o no. Por defecto no se apilan.

  • Min: opción para indicar el valor mínimo que podrá tener el eje. Por defecto el valor es de 0.

  • Max: opción para indicar el valor máximo que podrá tener el eje. Por defecto el valor es de 1000.

  • Max ticks: el número máximo de marcas a mostrar en el eje. Por defecto el valor es de 10.

Para añadir nuevos ejes Y, se pulsará en el botón de «Add Axis»:

image-20241111-133649.png

Para este ejemplo se crearán dos ejes Y, correspondientes a los datos de población masculina y femenina.

Measures

A continuación, se asignará los datos a los ejes Y creados. Por defecto, aparece un bloque de medidas ya creado y que habrá que configurar. Para crear otros bloques de datos, se tendrá que pulsar en el botón de «Add Measure». Aparecerán entonces las opciones de configuración de un bloque de datos, con las siguientes opciones:

image-20241111-134126.png
  • X axis: aquí se seleccionará el campo del DataSource que se quiere mostrar en el eje X.

Para el eje X, se seleccionará el año dentro de la propiedad «Helsinki.year».

  • Y axis: aquí se seleccionará el campo del DataSource que se quiere mostrar en el eje Y.

Para los ejes y, se seleccionar los campos con la población «Helsinki.population_men» y «Helsinki.population_women».

  • Name: que será el nombre a mostrar de la medida.

  • Color: este selector permitirá elegir el color con el que se representará la serie de datos. Si no se indica ningún color, se asignará uno por defecto.

image-20241111-135056.png

  • Y Axis ID: se indicará el identificador del eje Y al que asociar los datos.

Vista previa

En la parte inferior del configurador del Gadget se mostrará una vista previa del Gadget, el cual se irá actualizando conforme se cambien las opciones.

image-20241111-135657.png

  • No labels