功能说明

将数据表的数据以图表的方式展示，支持设置折线图、柱状图、饼图、雷达图、漏斗图、散点图、热力图等类型的图表。

操作步骤

• 数据图表的使用方法

使用场景：用折线图的形式统计系统的用户登录次数，并将该折线图发布到管理端的首页上，在首页展示这个折线图

实现方案：配置一个折线图，用一个sql查询出表单的数据，配置好显示的比例关系，点击预览可以查看效果，发布到管理端首页后可以登录后在首页上直接查看

第一步：进入图表应用，选择数据图表，点击添加

第二步：填写图表的信息并点击验证sql

第三步：配置对应的列

y轴取值字段

x轴取值字段

第四步：预览折线图效果

第五步：点击【设计中心】→【门户设计】→【栏目管理】，添加一个管理端的栏目用来展示这个折线图

第六步：点击右侧的【门户管理】→【管理端-系统默认布局】，在门户首页设计器中可以看到之前添加好的栏目，把栏目拖入表单中，点击保存退出设计页面

第七步：退出系统重新登录，展示的首页中就可以看到折线图

数据图表的配置步骤

第一步：【应用中心】→【图表应用】→【数据图表】，单击“添加”；

第二步：设置图表信息；

第三步：设置完毕，单击“保存”；

如下图所示：

图表配置项说明

基础配置

1、 名称：设置图表的名称（必填，填写名称后，别名会根据输入的名称首字母自动生成）；

2、 图表类型：目前支持的图表类型有七种（折线图、柱状图、饼图、雷达图、漏斗图、散点图、热力图）；

3、 图表尺寸：设置图表的宽度与高度；

4、 数据源：设置图表的数据来源；

5、 查询方式：有两种（表、自定义SQL）；

6、 选择表：选择需要统计为图表的数据表；

7、 设置列：设置图表的x/y轴的数据（选择表后，才能进行设置列）；

标题配置：即设置图表的标题及显示的位置、标题的字体风格、大小等属性如下图：

图例配置：即设置图表的图例及图例的显示类型等属性如下图：

数据展示：设置数据的展示方式，如下图：

注：不同的图表类型有不同的数据展示设置，此图截图为折线图/柱状图的数据展示设置。

编辑图表

第一步：【应用中心】→【图表应用】→【数据图表】，点击要编辑的图表名称；

第二步：修改图表配置；

第三步：修改完毕，点击“保存”。

注：图表中的数据源及数据表不可修改；

预览列表

【应用中心】→【图表应用】→【数据图表】，选择要预览的图表，点击操作列下的“预览”按钮；

删除列表

在图表管理页面，勾选要删除的图表（可多选），点击删除，如下图：

注：删除图表前，请确认该图表是否有用于首页布局展示；

将图表添加为栏目

创建图表后，就可将该图表添加为首页栏目，并在首页布局中展示；

操作如下：

第一步：进入【门户设计】→【栏目管理】页面；

第二步：点击{添加}，填写栏目基本信息；

第三步：栏目类型选择“图表类型栏目”；

第四步：选择图表类型为“自定义图表”；

第五步：选择图表；

第六步：点击{保存}；

第七步：栏目添加成功后，可将该栏目添加到布局中，操作请参考【门户管理】；