1. Inicio
  2. Documentos
  3. Documentación de LuxFlow
  4. Indicadores

Indicadores

1. Crear un nuevo indicador

 Navegue al nuevo menú procesos / indicadores

 Haga clic en  ¨Añadir nueva¨

Aparecerá una ventana emergente

  1. Ingrese un título de gráfico. Esto es solo para su uso y no aparecerá en público.
  2. Seleccione el proceso donde este gráfico obtendrá sus datos. Esta configuración no se puede cambiar en el futuro.

Haga clic en el botón ‘Crear Nuevo’ y se creará su nuevo gráfico.

2. Seleccionar tipo de gráfico

Tipos 

  • Gráficos circulares
  • Gráfica de barras
  • Cálculos (un cálculo, no un gráfico)
  • Barras de progreso

Gráficos circulares

Pastel

  1. Después de seleccionar un gráfico circular, la pestaña ‘Diseño’ cambiará a estas opciones de estilo:
  • Valor predeterminado: gráfico circular estándar
  • Donut: pastel estándar con un gran agujero
  • 3D: pastel inclinado para crear un efecto 3D
  1. Opciones de leyenda:
  • Ninguna
  • Fondo
  • Parte superior
  • Derecho
  • Izquierda
  • Etiquetado
  1. Una vez que se hayan realizado estas selecciones, presione ‘Seleccionar datos’. 
  2. Tenga en cuenta que no es necesario presionar ‘Guardar’, este botón es para usar si se realizan cambios en el futuro.
  1. Proceso de origen: este campo ya estaba configurado cuando se creó el gráfico por primera vez y no se puede editar. 
  2. Campo: seleccione el campo de datos para trazar. 
  3. Entradas solo para el usuario que ha iniciado sesión: marque esta casilla para mostrar las entradas solo para el usuario que ha iniciado sesión (ideal para resultados de pruebas personales). 
  4. Estado de pago: este es un filtro opcional. Para activar el filtro, inserte el texto generado por su pasarela de pago particular. Para obtener información sobre cómo identificar el texto, consulte aquí . 
  5. Rango de fechas: este es un filtro opcional. 
  6. Habilitar filtros adicionales: marque esta casilla para activar el filtrado adicional. 
  7. Una vez que se hayan realizado estas selecciones, presione ‘Etiquetas y fuentes’. Nuevamente, no es necesario presionar ‘Guardar’ , este botón es para usar si se realizan cambios en el futuro.
  1. Título del gráfico: inserte el texto que se publicará sobre el gráfico circular.
  2. Altura del gráfico: en píxeles
  3. Ancho del gráfico: en píxeles
  4. Responsive: verifica la capacidad de respuesta del tamaño de la pantalla. Esto está desactivado de manera predeterminada porque afectará los gráficos existentes.
  5. Código adicional: se puede usar para cambiar colores, fuentes, etc. Deje en blanco de forma predeterminada. las instrucciones de uso aparecen a continuación.
  6. Una vez que se hayan realizado estas selecciones, presione ‘Vista previa’. Nuevamente, no es necesario presionar ‘Guardar’, este botón es para usar si se realizan cambios en el futuro.

Gráfica de barras

Después de seleccionar un gráfico de barras, la pestaña ‘Diseño’ cambiará a esta

1. Opciones de estilo:

  • Vertical: columnas verticales con eje x en la parte inferior y eje y en el lado
  • Horizontal: barras horizontales con eje x en el costado y eje y en la parte inferior.

2. Opciones de leyenda: ninguna / inferior / superior / derecha / izquierda / entrada.

Una vez que se hayan realizado estas selecciones, presione ‘Seleccionar datos’. Tenga en cuenta que no es necesario presionar ‘Guardar’, este botón es para usar si se realizan cambios en el futuro.

1. Proceso de origen: este campo ya estaba configurado cuando se creó el gráfico por primera vez y no se puede editar.

2. Eje x (campo principal): seleccione el campo de datos para trazar.

 (+): Botón para segmentar opcionalmente el eje x.

3. Eje x (segmento): seleccione el campo de datos para segmentar el campo principal, por ejemplo, los visitantes (campo principal) pueden segmentarse en masculino y femenino. Tenga en cuenta que no es posible reordenar segmentos.

  • Al lado: los datos principales se dividen en barras segmentadas separadas, colocadas lado a lado a lo largo del eje.
  • Pila absoluta: los datos principales permanecen como una sola barra, pero cada segmento aparece en un color diferente.
  • Porcentaje de pila: los datos principales permanecen como una sola barra que representa el 100% de ese conjunto de datos. Esta barra del 100% está segmentada de acuerdo con el porcentaje de participación. Cada barra funciona como un mini gráfico circular rectangular. Ideal para encuestas.

Eje y: las entradas de conteo o suma se explican aquí.

Campo para sumar (si es diferente del campo principal del eje x): este menú sólo aparece si se selecciona ‘suma’ arriba.

Seleccione el campo para sumar. Debe ser un valor numérico, ya sea almacenado en un texto de procesos o en un campo numérico. Deje este campo en blanco si está sumando el campo establecido como el valor predeterminado del eje x. Dejarlo en blanco probablemente solo será útil si se trata de un campo de producto (que contiene tanto una etiqueta como un número).

Al crear procesos, recomendamos usar campos numéricos para los números porque es posible usarlos como entradas en la función de cálculo matemático. Eso se puede trazar durante indicadores. (Ejemplo de caso de uso: el vendedor envía el valor de la transacción de ventas, indicador muestra su comisión total).

4. Ordenar por:

  • Etiqueta: Ordenamiento alfanumérico
  • Valor: Orden de altura

5. Tipo de clasificación: (para el método de clasificación anterior) 

  • Ascendente
  • Descendente

6. ¿Mostrar valores cero? (solo datos no segmentados): marque esta casilla para mostrar columnas para las que no hay datos. (Ideal para encuestas en las que desea mostrar la gama completa de opciones, no solo las realmente seleccionadas). Esta opción no funciona para los datos que se muestran segmentados y apilados.

7. Entradas solo para usuarios logueados: marque esta casilla para mostrar las entradas solo para el usuario que ha iniciado sesión (ideal para resultados de pruebas personales).

8. Estado de pago: este es un filtro opcional. Para activar el filtro, inserte el texto generado por su pasarela de pago particular. Para obtener información sobre cómo identificar el texto, consulte aquí.

9. Rango de fechas: este es un filtro opcional.

10. Habilitar filtros adicionales: marque esta casilla para activar el filtrado adicional.

Una vez que se hayan realizado estas selecciones, presione ‘Etiquetas y fuentes’. Nuevamente, no es necesario presionar ‘Guardar’, este botón es para usar si se realizan cambios en el futuro.

1. Título del gráfico: inserte el texto que se publicará sobre el gráfico de barras.

2. Altura del gráfico: en píxeles

3. Ancho del gráfico: en píxeles

4. Responsive: verifica la capacidad de respuesta del tamaño de la pantalla. Esto está desactivado de manera predeterminada porque afectará los gráficos existentes.

5. Etiqueta del eje horizontal: inserte el texto que se publicará debajo del eje horizontal.

6. Etiqueta de eje vertical: inserte el texto que se publicará junto al eje vertical.

7. Código adicional: se puede usar para cambiar colores, fuentes, etc. Deje en blanco de forma predeterminada.

Una vez que se hayan realizado estas selecciones, presione ‘Vista previa’. Nuevamente, no es necesario presionar ‘Guardar’, este botón es para usar si se realizan cambios en el futuro.

Esta pestaña es solo para fines de vista previa, no se requiere entrada. Si se requieren más ediciones, presione la pestaña correspondiente, realice el cambio, presione ‘Guardar’ en esa pestaña y presione nuevamente la pestaña ‘Vista previa’ para revisar la revisión. Continúe según sea necesario hasta que el gráfico esté terminado.

Cálculos

Los cálculos no son gráficos, pero se crean y publican de manera muy similar. Se muestran como texto html simple.

Después de seleccionar un Cálculo, la pestaña ‘Diseño’ cambiará a esta

No hay configuraciones de diseño, así que presione ‘Seleccionar datos’.

Imagen.

1. Procesos de Fuente: este campo ya estaba configurado cuando se creó el gráfico por primera vez y no se puede editar.

2. Campo: seleccione el campo de datos para trazar.

3. Recuento / suma / promedio / contar únicos.

4. Entradas solo para el usuario que ha iniciado sesión: marque esta casilla para mostrar las entradas solo para el usuario que ha iniciado sesión (ideal para resultados de cuestionarios personales).

5. Estado de pago: este es un filtro opcional. Para activar el filtro, inserte el texto generado por su pasarela de pago particular. 

6. Rango de fechas: este es un filtro opcional.

7. Habilitar filtros adicionales: marque esta casilla para activar el filtrado adicional.

Una vez que se hayan realizado estas selecciones, presione ‘Etiquetas y fuentes’. Nuevamente, no es necesario presionar ‘Guardar’, este botón es para usar si se realizan cambios en el futuro.

Formato de número: moneda  / 9,999.99 / 9.999,99

Nota: 9,999.99 / 9.999,99 establece solo los separadores de miles y decimales. No cambian el número de decimales que se muestran.

Redondeo: 0/1/2/3/4 / No redondear

Nota: si está conectando este cálculo a una barra de progreso, ajústelo a 0/1 / 2. 

Otros valores harán que la barra de progreso muestre cero.

Una vez que se hayan realizado las selecciones, presione ‘Vista previa’.

Esta pestaña es solo para fines de vista previa, no se requiere entrada. Si se requieren más ediciones, presione la pestaña correspondiente, realice el cambio, presione ‘Guardar’ en esa pestaña y presione nuevamente la pestaña ‘Vista previa’ para revisar la revisión. Continúe según sea necesario hasta que el gráfico esté terminado.

Barras de progreso

La creación de barras de progreso es muy similar a la creación de otros gráficos, con una excepción significativa. Primero se debe construir un cálculo, luego la barra de progreso se basa en este cálculo. Por lo tanto, para crear una barra de progreso, primero cree un cálculo, luego siga las instrucciones a continuación.

Después de seleccionar una barra de progreso, la pestaña ‘Diseño’ cambiará a esta

No hay configuraciones de diseño, así que presione ‘Seleccionar datos’.

1. Proceso de origen: este campo ya estaba configurado cuando se creó el gráfico por primera vez y no se puede editar.

2. Total: seleccione el cálculo que supervisará la barra de progreso.

3. Objetivo: insertar el objetivo numérico del 100%.

Una vez que se hayan realizado estas selecciones, presione ‘Etiquetas y fuentes’. Nuevamente, no es necesario presionar ‘Guardar’, este botón es para usar si se realizan cambios en el futuro.

1. Formato de visualización de objetivos: los mismos significados que en la configuración de cálculo anterior.

Tenga en cuenta que actualmente no es posible cambiar el color u otro formato de la barra de progreso, a menos que use CSS estándar.

Una vez que se hayan realizado estas selecciones, presione ‘Vista previa’. Nuevamente, no es necesario presionar ‘Guardar’, este botón es para usar si se realizan cambios en el futuro.

Esta pestaña es solo para fines de vista previa, no se requiere entrada. Si se requieren más ediciones, presione la pestaña correspondiente, realice el cambio, presione ‘Guardar’ en esa pestaña y presione nuevamente la pestaña ‘Vista previa’ para revisar la revisión. Continúe según sea necesario hasta que el gráfico esté terminado.

3. Clonar

Vaya a procesos / indicadores

Debajo del Gráfico / indicador que desea clonar, presione el botón ‘Clonar’

¿Cómo podemos ayudarte?