DataGear version 2.3.0 adds the feature of attached chart data set (set the associated data set as an attachment when creating a chart, refer to the chapter on the official website document definition chart for details). This feature can be combined with dg-chart when making a Kanban board. -listener, use server-side data to extend the chart function. This article uses the table chart as an example to introduce the creation of a server-side data visualization chart based on this feature.
First, create two new SQL data sets.
The first data set queries server-side paging data, which is a parameterized data set:
name:
Server paging-data
SQL:
select
*
from
t_analysis
order by NAME asc
limit ${index}, ${size}
parameter:
Name type required description
index value is the page index
The size value is the page size
The total number of records in the second data set query:
name:
Server paging-total number of records
SQL:
select count(*) as total from t_analysis
parameter:
no
Then, create a new chart and associate the above two data sets:
name:
Server-side pagination table
Types of:
Basic form
data set:
1. Server Paging-Data
2. Server pagination-total number of records (check the [Attachment] radio button)
Finally, create a new Kanban, import the above chart, and add the paging extension code:
dg-chart-disable-setting="true"
dg-chart-listener="chartListener"
dg-chart-widget="the above chart ID">
Click the [Save and display] button to open the Kanban display page, and you are done!!!
The effect diagram is as follows:
Similarly, the histogram effect diagram of the server paging is as follows:
Official website address: http://www.datagear.tech
Source address:
Gitee:https://gitee.com/datagear/datagear
Github:https://github.com/datageartech/datagear
Large screen template address: https://gitee.com/datagear/DataGearDashboardTemplate