Charts

Charts is a gh-element that allows to make charts based on data of the application. This element provides functionality for selecting the data on the basis of which the chart will be built, as well as for customizing this chart.

Functional Characteristics

The obvious use of this element is to visualize some data, such as expenses and income. It is also useful for visualizing statistical data.

Element Options

The chart contains of three settings groups.

Field Settings

Besides two standard settings, there are lots of important settings.

Application

To generate an element diagram, you need initial data. To get it, you need to select the source application in the current option.

Only after app selection you can configure the charts.

Date Charts

This is the function that allows to group items by some time period.

Save Data Charts

Due to this option, the settings of the chart will be saved on the server.

Data Type

This is the period of time by which items will be grouped in date chart. There are five types:

• Hours
• Day
• Week
• Month
• Year

Height Charts

Th last function allows to set the height of the chart:

• 200px
• 400px
• 600px
• 800px
• 100%

Chart Editor

Current element use Google chart tool to customize chart appearance.

1. Start

2. Charts

3. Customize

Cases Settings

The graph can consist of several calculations. Each of them is configured using the following settings.

Name

This is the name of the configured option.

Field Sort

All items in charts will be sorted by this field.

Field Calculate

This is the field for calculation.

Aggregation

This is an action that allows you to aggregate items. There are five types of such aggregations:

• Sum
• Avg
• Count
• Min
• Max

Conditions

These are filters that determines which items will be used in charts.

Edit

This column contains two buttons. One allows you to edit a case, and the other allows you to delete it.

Element Style

Current element has quite standard style settings. Also, it has only a few types of interpretation.

Filtration

This element cannot be filtered out.

Interpretation

This element has only two interpretation types:

Input

This type allows the element be displayed as an interactive chart.

Default

This interpretation displays only an icon.

Value Format

The element does not have field value.

Data Model

The data model of the element contains all its settings:

{
    "data_model": {
        "app_id": "28840",
        "charts_option": [{
            "aggregation": "max",
            "field_id_calc": "680125",
            "field_to_sort": "680126",
            "filters_list": [],
            "name": "Bdd"
        }],
        "data_option": {
            "data_type": "month"
        },
        "height_charts": "200",
        "interpretation": [],
        "settings": {},
        "use_date_charts": 0,
        "use_save_mongo": false
    }
}