Contenido

Gráfico (chart)



Muestra una gráfica en el formulario. Los datos y etiquetas son especificados como calculation y algunos tipos requieren especificar en parámetros.

Gráficos de líneas o barras:

Cómo se usa (visualiza)

En Dispositivo móvil:

Las etiquetas y datos se construyen mediante un cálculo en el tipo chart con separadores así:  ‘==’ separa las etiquetas de los datos. ‘::’ separa cada conjunto distinto de datos o etiquetas y ‘:’ separa cada datos o etiqueta simple.

Nota: los gráficos no se puede incluir en los reportes PDF.

Ejemplo con fórmula directamente en pregunta:

Cómo se diseña (define en un formulario):

En Editor Web:
En Plantilla Excel:

Parámetros (parameter)

chart_type=horizontal_bar

Especifica el tipo de gráfico “Barra Horizontal”. Si no se especifica ningún valor, se muestra el tipo Gráfico de Líneas

Cómo se diseña (define en un formulario):

En Editor Web:
En Plantilla Excel:

stacked=yes

Usado con tipo de gráfico “Barra Horizontal”. Define como tipo apilado.

Cómo se diseña (define en un formulario):

En Editor Web:
En Plantilla Excel:

normalized=yes

Usado con Gráficos de Barras Apilados”. Establece todas las barras de la misma longitud.

En el siguiente video podrá ver como se visualizan estos gráficos:

El archivo xlsform correspondiente lo puede descargar aquí. Si no se especifica en parámetros un tipo de gráfica, será por defecto de líneas.

Características de los datos en el gráfico:

Los datos del gráfico se especifican en la columna de cálculo (calculation). Puede utilizar funciones de texto como join () para combinar respuestas de preguntas o valores extraídos de un archivo CSV en el formato correcto.

Las reglas para construir datos y etiquetas son las siguientes:

  • Los puntos de datos se separan por dos puntos (: )
  • Las etiquetas del eje X se separan por dos puntos (: )
  • Los datos se separan de las etiquetas usando dobles iguales (==) .Tenga en cuenta que las etiquetas se colocan primero.
  • Los conjuntos de datos múltiples se separan con dos puntos dobles (: : ). Cada conjunto de datos se muestra como una línea en un gráfico de líneas, por lo que puede tener varias líneas.
  • Las etiquetas para los conjuntos de datos se separan de las etiquetas del eje X mediante dos puntos dobles (: : ) Tenga en cuenta que las etiquetas del eje X van antes de las etiquetas del conjunto de datos.
  • Opcionalmente, los números del eje X se pueden agregar a los datos. Esto puede ser útil cuando se muestran varios conjuntos de datos si uno de los conjuntos de datos tiene puntos de datos faltantes. O incluso en un solo conjunto de datos si faltan algunos de los puntos de datos y desea que esto sea evidente en el gráfico. Para hacer esto, separe el número del Eje X del valor usando hash (#). El número del Eje X es lo primero. Inicie los números del eje X desde 0.

Gráficos de series de tiempo:

Muestra una gráfica en el formulario con los datos históricos contenidos en el mismo. 

Para crear la gráfica, se define el eje x como una variable que registra la fecha y el eje y contiene los datos. Puede ser más de una serie de datos.

Cómo se usa (visualiza)

En Dispositivo móvil:

En la imagen siguiente se muestra un gráfico de serie de tiempo con registros de 2 fechas y dos valores (Y y Z).

Cómo se diseña (define en un formulario):

La forma más directa de diseñar es desde la plantilla de Excel. Los elementos son los mismos que los de un gráfico normal.

En Plantilla Excel:

En este ejemplo, en la fila 6 se define la pregunta que contiene la fecha. Debe estar en formato año-mes-dia. En las filas 7 y 8 los valores que se registran. La fila 9 hace referencia a un nombre que será el interno del gráfico. Las filas 10, 15 y 17 traen los datos históricos mediante un pulldata a ‘chart_self’, trayendo la correspondiente columna y como llave el nombre interno de la gráfica.

En la imagen siguiente puede observar que en el dispositivo móvil, el archivo que se crea para acceso a los datos históricos, lleva el id del formulario y el nombre interno de la gráfica.

La plantilla excel completa con este ejemplo puede descargarla aquí.

Puede complementar esta información con el articulo Gráficas de la sección 14. Diseño de formularios avanzados.

¿Te ayudó este artículo?

Angee Ballesteros

Ing. Electrónica, Especialista en Ing. de Software

Deja una Respuesta

Debes estar logueado para poder comentar.