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
    }
}