Chart

Haga clic para copiar

Elemento de visualización de gráficos y diagramas


Configuración inicial:

Model - Modelo de datos para el gráfico.

Endpoint - Fuente de datos para el gráfico.

Field X - Se mostrará en la configuración inicial cuando se especifique sólo el Modelo.

Field Y - Se mostrará en la configuración inicial cuando sólo se especifique el Modelo.

Chart


Configuración del aspecto y la sensación:

Title (no obligatorio) - título del gráfico.

Type size (obligatorio) - tipo de gráfico.

X axe caption (no obligatorio) - título del eje x.

Aggregate by (no obligatorio) - ordenar por fecha.

Y axe caption (no obligatorio) - título del eje Y.

Method (no obligatorio) - método de conteo.

Name (obligatorio) - nombre del gráfico.

Chart


Datos:

En esta sección se pueden controlar los ejes del gráfico.

Data


Activadores del flujo de trabajo:

  • onCreate - se activa cuando el componente se crea en la página;
  • onShow - se activa cuando el componente cambia su estado a visible (se muestra en la página);
  • onHide - se activa cuando el componente cambia su estado a oculto (deja de mostrarse);
  • onDestroy - se dispara cuando se destruye el componente;
  • onDataUpdate - se activa con el bloque de actualización de datos del gráfico.

Acciones de los componentes:

Chart Get Properties:

Obtiene las propiedades del gráfico

Parámetrosde entrada:

  • Component Id [string] - identificador del componente gráfico.

Parámetros desalida :

  • Aggregate by [enum] - método seleccionado de agregación por fecha;
  • Method [enum] - método de recuento seleccionado;
  • X axe caption [string] - título del eje x;
  • Y axe caption [string]- título del eje y;
  • Visible [boolean] - Estado de visibilidad;
  • Loading [boolean] - estado de carga.

Chart Get Properties

Chart Set Properties:

Establece las propiedades del gráfico

Parámetrosde entrada:

  • Component Id [string] - identificador del componente del gráfico;
  • Aggregate by [enum] - método seleccionado de agregación por fecha;
  • Method [enum] - método de recuento seleccionado;
  • X axe caption [string] - título del eje x;
  • Y axe caption [string] - título del eje Y;
  • Visible [boolean] - estado de visibilidad;
  • Loading [boolean] - estado de carga.

Chart Set Properties

Chart Update Properties:

Actualiza las propiedades del gráfico

Parámetrosde entrada:

  • Component Id [string] - identificador del componente del gráfico;
  • Aggregate by [enum] - método seleccionado de agregación por fecha;
  • Method [enum] - método de recuento seleccionado;
  • X axe caption [string] - título del eje x;
  • Y axe caption [string] - título del eje Y;
  • Visible [boolean] - estado de visibilidad;
  • Loading [boolean] - estado de carga.

Chart Update Properties

Chart Get Data

Obtiene los datos del gráfico

Parámetros de entrada:

  • Component Id [string] - identificador del componente de la vista.

Parámetros desalida :

  • Data [Data Model] - Elemento del modelo de datos que se va a utilizar. Disponible en el proceso de negocio cuando sólo se especifica el identificador del componente.

Chart Get Data

Chart Set Data

Establece los datos del gráfico

Parámetrosde entrada:

  • Component Id [string] - Identificador del componente gráfico.
  • Data [Data Model] - Elemento del modelo de datos que se utilizará. Disponible en el proceso de negocio cuando sólo se especifica el ID del componente.

Chart Set Data

Chart Update Data

Actualiza los datos del gráfico

Parámetros de entrada:

  • Component Id [string] - Identificador del componente del gráfico.
  • Data [Data Model] - Elemento del modelo de datos que se utilizará. Disponible en el proceso de negocio cuando sólo se especifica el ID del componente.

Chart Update Data

Ejemplo de uso:

Este elemento es adecuado para mostrar datos y relaciones entre ellos. Por ejemplo, el número de pedidos, desde la fecha