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

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

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

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

  名称:

  服务端分页-数据

  SQL:

  select

  *

  from

  t_analysis

  order by NAME asc

  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


猜你喜欢

转载自blog.51cto.com/15131323/2662257