[JEECG technology blog] JEECG chart configuration instructions

[JEECG technology blog] JEECG chart configuration instructions

I. What can I do with chart configuration?

You can configure charts online without writing code to generate a graphic report page. Use highcharts. js to run

In any modern browser, including mobile terminals and ie6. Currently, basic reports such as graphs and bar charts are supported.

Ii. configuration instructions

Encoding: uniquely identifies a chart.

Y-axis text: corresponds to Y-axis text.

X axis data: Unit data on the X axis. Data can be:

1. A field name.

2. An array object. For example, ['xdata1', 'xdata2 ', 'xdata'].

Whether to display detailed data: "Yes" displays detailed data. "No" is not displayed.

Query SQL: A Query SQL statement (including group and order by are allowed ). Note: "{operatetime}" in SQL is used to enhance the query. It is replaced with operatetime = 'value of the corresponding query condition on the page '.

Extended JS: js is used to control detailed page data and whether to display summary. The method is fixed, and the returned value is the name of the column to be summarized.

Field name: The field name corresponding to the SQL query result, or the tag name. For example, operatetime can only be used as a query condition. You must select whether to display operatetime or not.

Field text: name of the detailed data column.

Sort: Display order of fields.

Field Type: if the field type is date, the date control is displayed in the search box when it is used as the search condition.

Show: whether the data is displayed in the detailed data.

Whether to query: whether it is used as a query condition.

Query mode: Single-condition query and range query.

Dictionary SQL: for example, translating an id into a name. (For example, select id as 'key', name as 'value' from table1 ).

Display chart: whether to display the changed data in the chart.

Chart type: Chart type.

Chart name: name of the chart.

Tag Name: Corresponding tag. data with the same tag name is displayed in a tag. If only one tag or tag is empty, the tag is not displayed in the chart.