DataGear 制作服务端分页的数据可视化图表

　　DataGear 2.3.0 版本新增了附件图表数据集特性(在新建图表时将关联的数据集设置为 附件 ，具体参考官网文档定义图表章节)，在制作看板时，可以基于此特性，结合dg-chart-listener，利用服务端数据扩展图表功能。本文以表格图表为例，介绍基于此特性制作服务端分页的数据可视化图表。

　　首先，新建两个SQL数据集。

　　第一个数据集查询服务端分页数据，它是一个参数化数据集：

　　名称：

　　服务端分页-数据

　　SQL：

　　select

　　*

　　from

　　t_analysis

　　order by NAME asc

扫描二维码关注公众号，回复： 12738627 查看本文章

　　limit ${index}, ${size}

　　参数：

　　名称 类型 必填 描述

　　index 数值 是 页索引

　　size 数值 是 页大小

　　第二个数据集查询总记录数：

　　名称：

　　服务端分页-总记录数

　　SQL：

　　select count(*) as total from t_analysis

　　参数：

　　无

　　然后，新建一个图表，并关联上述两个数据集：

　　名称：

　　服务端分页表格

　　类型：

　　基本表格

　　数据集：

　　1. 服务端分页-数据

　　2. 服务端分页-总记录数(勾选【附件】单选框)

　　最后，新建一个看板，引入上述图表，添加分页扩展代码：

　　dg-chart-disable-setting="true"

　　dg-chart-listener="chartListener"

　　dg-chart-widget="上述图表ID">

　　点击[保存并展示]按钮，打开看板展示页面，完成!!!

　　效果图如下所示：

　　同样，服务端分页的柱状图效果图如下所示：

　　官网地址：http://www.datagear.tech

　　源码地址：

　　Gitee：https://gitee.com/datagear/datagear

　　Github：https://github.com/datageartech/datagear

　　大屏模板地址：https://gitee.com/datagear/DataGearDashboardTemplate