Appearance
仪表盘
概述
在完成了基础数据模型的搭建后,信息化系统往往还会需要通过各类图形化的报表,来更好的展示业务系统中的各类信息,方便用户直观的获取业务进展情况,进行数据分析和价值挖掘。织信的仪表盘
模块为用户提供了高度可视化的自定义图表配置工具,支持更具业务需求,配置由多种卡片类型组成的可视化数据看板。
织信仪表盘支持的卡片类型包括折线图
、柱状图
、饼图
、地图
、甘特图
、统计数字
、时间线
、热力图
等25种类型卡片,详细的卡片清单如下
名称 | 类型 | 描述 |
---|---|---|
折线图 | 图表类 | 折线图可以显示随时间而变化的连续数据, |
柱状图 | 图表类 | 柱状图用来比较数据之间的数值差异情况。 |
饼图 | 图表类 | 饼图可以显示一个数据系列中各项的大小与各项总和的比例。 |
散点图 | 图表类 | 散点图能够展示数据在直角坐标系平面上的分布状况, |
雷达图 | 图表类 | 雷达图可以展示分析所得的数字或比率。 |
地图 | 图表类 | 地图可以基于地图形态展示数据地域分布状况。 |
热力图 | 图表类 | 热力图可以通过颜色变化来显示不同数值区域的数值聚合情况。 |
日历热力图 | 图表类 | 日历热力图可以通过颜色变化来显示不同日期下的数据数值聚合情况。 |
漏斗图 | 图表类 | 漏斗图可以比较各环节业务数据情况。 |
仪表图 | 图表类 | 仪表图可以通过仪表盘的形式展示数据情况。 |
趋势图 | 图表类 | 趋势图可以反映时间与特定数据字段数值之间的关系 |
矩形树图 | 图表类 | 矩形树图用于描述考察对象之间数据指标的相对占比关系。 |
旭日图 | 图表类 | 旭日图相当于带层级结构的饼图 ,可以在展示数据之间的占比关系的同时,体现数据层级关系。 |
甘特图 | 图表类 | 甘特图可以通过条状图来显示项目、进度和其他时间相关的系统进展的内在关系随着时间进展的情 |
况。 | ||
自定义图表 | 图表类 | 自定义图表可以通过JS脚本自行配置个性化卡片。 |
数据表 | 数据类 | 以表格的形式展示对应数据信息 |
透视表 | 数据类 | 透视表可基于特定的行列分组字段,对字段内数据进行聚合类运算。 |
统计数字 | 数据类 | 统计数字可以针对数据表中的某个字段的数据内容进行聚合计算展示。 |
富文本 | 控件类 | 支持高级文本编辑功能的的富文本展示卡片 |
倒计时 | 控件类 | 倒计时可以通过设定目标时间,来让系统自动基于当前时间计算其差值的卡片。 |
时间线 | 控件类 | 时间线可以基于数据表中的相关信息,按照线性时间推移的方式展示数据内容。 |
外部页面 | 控件类 | 外部页面可以支持用户配置外部页面地址作为卡片展示。 |
按钮 | 控件类 | 按钮卡片可以让用户在仪表盘中拓展自定义控件 |
日历 | 控件类 | 可以通过日历卡片的形式,展示指定数据表的数据信息。 |
标签页 | 控件类 | 标签页可以支持将多张卡片以标签的形式组成一张新的卡片。 |
设计逻辑
在织信
中,仪表盘的数据大多时候来自于已经配置好的数据表中,一般情况下,我们需要先配置好数据表
,完成基础数据信息的录入,然后再进行图表卡片的创建,最后将创建好的卡片调整成合适的仪表盘布局。
示例
下面,我们将基于房屋租赁管理系统
。为大家介绍如何制作的一套仪表盘看板,我们将围绕订单
、销售人员
、日期
、销售区域
等关键因素,针对房屋租赁的业务管理进行可视化报表展示。
- 仪表盘展示1
- 仪表盘展示2
- 仪表盘展示3