Saltar al contenido

Cómo Crear un Gráfico de Áreas Apiladas

Un gráfico de áreas apiladas es una extensión de un gráfico de áreas básico. A veces denominado gráfico de montaña, un gráfico de áreas apiladas suma los valores de las series de datos para formar un total. Utilice este tipo de gráfico cuando desee realizar un seguimiento del valor total y comprender el desglose del total por grupos.

stackedarea.png

Requisitos

Para que un gráfico de áreas apiladas se muestre correctamente, se necesitan al menos 2 controles definidos, uno para la Categoría y otro para el Valor. Se pueden definir controles adicionales si se especifica Color, Ordenar, Indicador de gráfico o Objeto de opciones JSON.

El primer paso para crear cualquier gráfico en App Builder es tener un objeto de negocio que contenga los datos que desea mostrar. La lógica de negocios es donde define qué datos se asignan a la categoría, el valor y cualquier control adicional que desee definir.

stackedarealogic.png

Cómo Configurar un Gráfico de Áreas Apiladas

  1. Desde la vista de la aplicación, vaya a Action Drawer > App Workbench
  2. Haga clic en el botón + Página
  3. Ingrese un Nombre de página. Por ejemplo: Ventas anuales por empleado
  4. Haga clic en Siguiente
  5. Seleccione un Menú desde el que enlace a la nueva página. Por ejemplo: Informes
  6. Haga clic en Siguiente
  7. Seleccione el diseño del panel. Por ejemplo: Página completa
  8. Haga clic en Siguiente
  9. Revise la información sobre cómo App Builder creará la página y haga clic en Finalizar
  10. Haga clic en el botón Continuar
  11. Seleccione Gráfico en las opciones de Informe
  12. Haga clic en Siguiente
  13. Seleccione un Objeto comercial existente con los datos subyacentes (si ya existe uno) o haga clic en + Nueva fuente si es necesario crear uno
  14. Haga clic en Siguiente
  15. Revise la información sobre cómo App Builder creará el panel y haga clic en Finalizar
  16. Vaya al Cajón de acciones > Diseñador en vivo
  17. Seleccione el panel de gráficos desde la vista de la aplicación
  18. Cambie el Tipo de gráfico a Área apilada
  19. Haga clic en Guardar
  20. Salga del panel de edición y confirme que el gráfico se muestra como se esperaba