Chart
Element for displaying graphs and charts

Initial setting:

Model - data model for the chart.
Endpoint - data source for the chart.
Field X - to be shown in the initial settings when Model is specified only.
Field Y - to be shown in the initial settings when Model is specified only.

Look&Feel Settings:

Title (not mandatory) - chart title.
Type size (mandatory) - chart type.
X axe caption (not mandatory) - x-axis title.
Aggregate by (not mandatory) - sort by date.
Y axe caption (not mandatory) - y-axis title.
Method (not mandatory) - counting method.
Name (mandatory) - name of the chart.

Data:

In this section, you can control the chart axes.

Workflow triggers:

  • onCreate – fires when the component is created on the page;
  • onShow – fires when the component changes its state to visible (displayed on the page);
  • onHide – fires when the component changes its state to hidden (stops being displayed);
  • onDestroy – fires when the component is destroyed;
  • onDataUpdate – fires by the Chart Update Data block.

Component Actions:

Chart Get Properties:

Gets chart's properties
Input parameters:
  • Component Id [string] - chart component's identifier.
Output parameters:
  • Aggregate by [enum] - selected method of aggregation by date;
  • Method [enum] - selected counting method;
  • X axe caption [string] - x-axis title;
  • Y axe caption [string] - y-axis title;
  • Visible [boolean] - state of visible;
  • Loading [boolean] - state of loading.

Chart Set Properties:

Sets chart's properties
Input parameters:
  • Component Id [string] - chart component's identifier;
  • Aggregate by [enum] - selected method of aggregation by date;
  • Method [enum] - selected counting method;
  • X axe caption [string] - x-axis title;
  • Y axe caption [string] - y-axis title;
  • Visible [boolean] - state of visible;
  • Loading [boolean] - state of loading.

Chart Update Properties:

Update chart's properties
Input parameters:
  • Component Id [string] - chart component's identifier;
  • Aggregate by [enum] - selected method of aggregation by date;
  • Method [enum] - selected counting method;
  • X axe caption [string] - x-axis title;
  • Y axe caption [string] - y-axis title;
  • Visible [boolean] - state of visible;
  • Loading [boolean] - state of loading.

Chart Get Data

Gets data from chart
Input parameters:
  • Component Id [string] - view component's identifier.
Output parameters:
  • Data [Data Model] - Data Model element to be used. Available in the business process when Component ID is specified only.

Chart Set Data

Sets data for chart
Input parameters:
  • Component Id [string] - chart component's identifier.
  • Data [Data Model] - Data Model element to be used. Available in the business process when Component ID is specified only.

Chart Update Data

Update data for chart
Input parameters:
  • Component Id [string] - chart component's identifier.
  • Data [Data Model] - Data Model element to be used. Available in the business process when Component ID is specified only.

Usage example:

This element is suitable for displaying data and relationships between them. For example, the number of orders, from the date
Last modified 3mo ago