SENSE 的图表汇集了各种类型的可视化方法,并提供了丰富的工具和方便的交互,帮助数据人员对数据做即时探索和分析加工,更高效的发现数据中隐含的信息。
这一节内容将围绕 SENSE 的图表界面介绍它的交互和工具:
创建图表
在创建好的数据集中,可以根据需求,选择需要创建的图表类型。 根据不同类别图表的要求,选择维度、度量字段,系统自动生成图表。 HENGSHI SENSE 支持同事之间分享图表、协作应用,对于该应用下的图表,你可以直接使用或者修改后使用。
左侧数据栏
数据
选择创建好的数据集,用该数据集中的数据创建所需图表,创建了关系的数据集会用线相互连接。
点击数据集右侧搜索图标,将直接跳转到该数据集的管理页面。
字段和指标
字段: 当前数据集所有原始字段和新增字段。字段若有分组信息,也同时将分组信息以树形结构展示在字段列表中,方便字段的快速定位。
计算指标: 依赖该数据集新增的全部指标。指标的分组信息也同样会展示在指标列表中。
图内指标: 图内的维度,度量字段。
拖动字段到配置中的维度和度量。
新建字段
可以通过列值计算、高级表达式、列值分组来添加文本、日期、数字类型的字段。
新建计算指标
可以通过列值计算、高级表达式、列值分组来添加文本、日期、数字类型的字段。不允许添加非聚合指标。
新建参数
可以添加文本、数字、日期、时间类型的参数,从而实现应用的参数化控制。
右上方工具栏
自动保存
撤销、重做操作不影响自动保存。
默认勾选自动保存,用户取消自动保存后,每次配置图表页面将不会发送请求,只有勾选自动保存或点击保存按钮时页面才会发送请求,此时图表将重新渲染。
取消勾选自动保存时:
- 图表界面出现暂停蒙层;
- 用户不可以编辑字段/指标;
- 将会取消正在进行的下钻;
- 将会关闭已经打开的详细数据弹窗。
保存
取消勾选自动保存时,用户对图表进行操作后可点击保存按钮进行保存,此时暂停蒙层依然存在,图表重新加载。
若用户对图表操作后未点击保存按钮,直接点击刷新按钮或者刷新页面时,将提示"您的更改还未保存,确定刷新吗?"。
撤销
可以撤销之前的操作。
重做
重做撤销的操作。
导出
可以按照 PNG、PDF、Excel 聚合结果数据三种格式导出图表。
刷新
不使用图表缓存数据,而直接刷新图表数据。
SQL 调试
设计图表的时候需要使用到不同的数据,这些数据的计算有简单也有复杂,有时候在计算这些数据的时候后台的响应比较慢。如果你希望了解后台执行的 SQL 是怎样的并且进行排查和优化的话,可以使用这个功能。
SQL 调试提供以下两个功能:
- 查看 SQL 代码
- 查看 SQL 代码的执行计划的 explain 结果
如果发现的某个图表执行性能不理想,首先可以查看执行的 SQL 代码是否合理,是否可以调整维度和度量的计算表达式。然后可以使用 explain 的功能查看执行计划。如果发现执行计划中某一些操作耗费的事件比较长,那么可以针对不同的情况,进行相应的优化工作。例如执行计划大部分事件都在重复的进行表的 scan 操作,那么可以考虑在相关表的相关列上建立一些索引以加快图表的执行。
返回
返回仪表盘页面。
查看数据
查看当前图表的原始数据。
中间工具栏
切换图表
用户可以根据需求切换不同的图表类型,彩色图标可以直接切换不需要再次配置,灰色图标切换后不会保留图表的维度、度量,需要用户自己重新配置度量、维度。
配置
从中间导航栏中选择配置
,可根据自己需求进行以下配置,以优化完整图表。
- 维度
- 度量
- 过滤器
维度工具
维度工具包括:
- 重命名: 修改维度名称,使图表中的内容更加贴近业务场景。
- 展示格式
- 排序
- 计算: 维度聚合方式。
- 合并项目:合并占比非常小的项目。
- 补齐时间点: 选择时间维度时,会出现补齐时间点选项。
- 删除: 移除当前维度。
展示格式
数字类型的展示格式如下,可自定义设置数字展示格式:
- 小数位数: 默认显示为2位小数,可自定义设置小数位数。
- 数字单位: 默认显示为无,可自定义设置数字单位:自动、亿、千万、百万、万、千、百、M、K。
- 前缀/后缀: 默认显示为无,可自定义设置前缀/后缀。
- 显示千分位分隔符: 默认不勾选,用户可根据实际情况自定义。
- 显示百分比: 默认不勾选,用户可根据实际情况自定义。
- 显示科学数字: 默认不勾选,用户可根据实际情况自定义。
日期类型的展示格式如下,可自定义设置日期展示格式:
排序
维度排序依据包括:数据源排序、字母、字段以及手动排序。
点击维度字段右侧的下拉框,弹出菜单,点击排序。
数据源排序: 按照数据在数据库中的存储位置对维度进行排序。
字母: 按照拼音顺序 A-Z 对维度进行排序;目前支持字母排序的有:Oracle,MySQL,Sqlserver,PostgreSQL,GreenPlum,Engine 这6种。
日期和数字类型的维度字段不存在字母排序。
字段: 可以选择同一数据集或有关联关系的数据集中的字段、指定聚合方式,按照聚合后的结果对维度进行排序。
手动排序 可以自己手动调整维度分组的顺序。
对比维度排序包括:默认、正序、倒序以及自定义。
点击对比维度右侧的下拉框,弹出菜单,点击排序。
默认 默认是无序的,若对比维度选择与维度一样的字段,则按照维度字段的排列顺序进行排序。
正序/倒序 选择正序/倒序时,文本类型的字段按照拼音顺序 A-Z 进行排序,数字类型的字段按照数值大小进行排序,日期类型的字段按照日期先后排序。
自定义排序 可以自己手动调整对比维度分组的顺序。
提示
只有表格支持对比维度。
计算
非时间维度聚合方式是分组,时间维度聚合方式有:
- 毫秒
- 秒
- 分钟
- 时
- 天
- 天(跨周)
- 天(跨月)
- 周
- 月
- 月(跨年)
- 季度
- 季度(跨年)
- 年
合并项目
有维度的图表(地图除外)均支持合并项目为其它。当分组的数据在展示过程中仅关注占比较高的项目时,可以将占比较小的项目合并为其它,合并后展示的图表更简洁明了。
合并后的分组也可支持下钻、查看详情、联动过滤等操作。
补齐时间点
目前支持补齐时间点的图表有:
- 折线图
- 分组折线图
- 折线柱状组合图
- 区域图
- 分组区域图
- 堆叠区域图
- 河流区域图
- 分组堆叠区域图
- 百分比堆叠区域图
- 百分比分组堆叠区域图
补齐时间点的图表如下所示:
度量工具
度量工具包括:
- 重命名: 修改度量名称,使图表中的内容更加贴近业务场景。
- 展示格式
- 计算: 度量聚合方式。
- 删除: 移除当前度量。
展示格式
非日期类型的字段展示格式为数字展示格式;日期类型的字段展示格式为日期展示格式。
计算
数字度量聚合方式有:
- 求和
- 平均值
- 最小值
- 最大值
- 百分位数
- 计数
- 去重
- 重复
- 留存
- 活跃
非数字度量聚合方式有:
- 计数
- 去重
- 重复
- 留存
- 活跃
过滤器
将左侧字段和指标
下的字段拖入图表配置
->过滤器
区域,可以为图表添加过滤条件。
字段和指标
中有原始字段
、图内指标
和计算指标
,并按照字段类型进行分类,你可根据自己的需要进行过滤条件的选择添加。
- 对于文本类型,可以选择
排除
/包含
来进行过滤。 - 对于数字类型,可以选择
范围
/比较
来进行过滤。 - 对于日期类型,可以选择
时间段
/按年
/按季度
/按月份
/范围
来进行过滤。 - 对于所有类型,还可以在
表达式
中输入表达式来进行过滤。表达式支持的函数
提示
过滤器表达式不允许聚合表达式和非聚合表达式混合运算
将字段拖入配置
->过滤器
中:
文本类型字段过滤:
数字类型字段过滤:
日期类型字段过滤:
表达式过滤:
在过滤时可以选择是否显示过滤信息
如果选择显示过滤信息就会在图表名称下面显示过滤条件
样式
样式包括以下部分:
- 标题
- 图表内容
- 阴影
- x 轴
- y 轴
- 图例
- 参考线
- 内边距
标题
可以自定义设置图表的名称
图表内容
图表内容包括以下部分:
- 颜色: 可以更换图表配色。可以选择调色板中的预定义配色方案,也可以对每一个维度分组单独自定义配色。
颜色设置中下方显示显示渐变勾选开关,所有的非渐变配色的柱状图和区域图中可以设置渐变。
大小: 可以调整图表大小
标签: 图表标签可以显示度量数值、维度分组等信息。可以修改标签的字体、颜色、粗细、文字角度、位置和偏移。
提示: 提示可以显示度量数值、维度分组。可以修改提示的字体、颜色、粗细、边框颜色、粗细、形状和背景颜色等。
阴影
只有柱状图分组下的图表可以设置阴影,点击样式
->阴影
,设置是否显示阴影以及阴影的颜色。
x 轴
可以调整字体颜色、大小,文字角度,轴样式,显示坐标轴、刻度标签。
y 轴
可以调整字体颜色、大小,文字角度,轴样式,显示坐标轴、刻度标签,调整刻度范围,刻度线。
显示图例
可以设置是否显示图例,显示时显示在左、右、上哪个位置。可以修改图例字体、颜色、大小以及是否加粗。
参考线
详见参考线。
内边距
内边距可以控制图表在整个页面中的位置。
交互
交互包括以下部分:
- 限制条数
- 自动刷新
- 值域漫游
- 时间漫游
- 图表中点击交互行为
- 下钻设置
限制条数
用户可以交互 -> 限制条数
设置图表中数据显示的条数,默认值是1000条。
请注意
如果设置过大,会使数据库端和浏览器端都会变慢。
自动刷新
和仪表盘的刷新功能一样,自动刷新功能可以定期自动更新图表数据。开启自动刷新功能后,可以设置更新周期。
设置了自动刷新的图表,在仪表盘中也会自动刷新。
值域漫游
打开值域漫游后,维度轴会有一个滑动条,可以通过滑动滑动条来调整当前显示的维度,各个维度会按照比例重新显示在图表中。如图所示,维度轴下方的灰色滚动条:
当某些图表数据分组较多(如柱状图),但又不期望打开默认展示全量分组时,则可以配置值域漫游(Data Zoom)默认显示范围,分别可配 “全部、最开始 M 组、最末尾 N 组、自定义 ”4个选项,满足多种配置场景。
时间漫游
打开显示时间漫游,将字段中的时间字段拖入框内,可以在图表界面上展示时间轴,方便拖动查看不同时间范围内的数据。 时间轴可以通过三种方式来过滤数据:
拖动时间轴过滤数据
选择开箱即用的时间段过滤数据
选择时间范围过滤数据
可以设置时间范围
可以拖动时间轴进行方便的区域变更
可以选择时间段
- 所有有效时间
- 今年
- 本季度
- 最近90天
- 本月
- 最近30天
- 本周
- 最近7天
- 昨天
- 今日
- 今时
图表中点击交互行为
支持下钻、排除的图表类型,详见附录:各种图表汇总。 可以设置单击维度分组的三种显示方式:
- 不响应
- 弹出菜单
- 下钻
不响应
打开图表,点击图表区域无反应。
弹出菜单
打开图表,点击图表区域,在弹出的 Tooltip 菜单中有三个操作:下钻,排除,详情。
下钻
在支持下钻的图表中点击图表某个维度,在弹出的 Tooltip 中选择下钻,如果设置了下钻路径,图表将以所选维度为过滤条件,以新选择的字段为维度重新出图。可以连续下钻。如果未设置下钻路径将无法点击下钻。
排除
点击图表某个维度,在弹出的 Tooltip 中选择排除,图表将排除所在维度分组,保留其他维度分组出图。
详情
点击图表某个维度,在弹出的 Tooltip 中选择详情,在弹出的新窗口中将显示该维度分组的明细数据。
下钻
如果设置了下钻路径,打开图表,点击图表区域图表将直接以所选维度为过滤条件,以新选择的字段为维度重新出图。如果未设置下钻路径则无反应。
下钻设置
在支持下钻的图表中选择一个字段拖入交互
->下钻设置
中,点击图表某个维度,在弹出的 Tooltip 菜单中点击下钻。图表将以所选维度为过滤条件,以新选择的字段为维度重新出图。可以连续下钻。
下钻只是临时行为,并不会改变图表原始维度。当我们退出图表再重新打开图表时,图表仍会恢复原样。
也可以通过点击下钻路径上的第一个字段来恢复图表。
设置下钻后的图表
将选择的字段拖入交互
->下钻设置
中,点击下钻路径左侧的图标,设置下钻后的图表类型。
其中彩色图标的图表是可以选择的,灰色图标的图表是禁用的,鼠标移动到图标上会提示当前图表所需维度数与度量数。
设置下钻后图表的样式
可以设置下钻后的图表的样式,包括(标题、图表内容、图例以及图表内边距),当前图表设置的样式不影响上级图表的样式,返回上级图表重新下钻之后图表样式依然为自定义样式。
设置/取消下钻路径
将选择的字段拖入交互
->下钻设置
中后会自动保存下钻路径。
拖入后,打开图表时,点击下钻会按已设置的路径一步步下钻,到达最后一步时,下钻将会被禁用。
如果想继续下钻,需要继续将字段拖入下钻设置框中。拖入后,就可以继续下钻。
点击下钻路径中最左侧的维度字段可以取消下钻路径,如果取消下钻路径,图表会自动更新显示下钻之前的内容。
取消下钻的操作
更改维度字段时,会取消当前的下钻。但更改日期维度的聚合方式不会取消下钻。
在下钻过程中,点击排除,会取消下钻。
添加过滤条件不会取消下钻,更改度量不会取消下钻。
设置下钻路径后发布
设置下钻路径后发布应用,在发布时选择允许下钻。在 Web 端打开发布或者分享的图表链接时,如果交互选择了弹出菜单或下钻,点击图表,可以按设置的下钻路径进行下钻。如果交互选择了不响应,点击图表,无法按设置的下钻路径进行下钻。
附录:各种图表汇总
- 对于每一类图表📈,饼图,线图,点图,区域图,柱状图等等,一般都需要配置不同维度的字段,配置 sort/limit 选项,配置过滤器等,统一整理如下:
图表类型 | 维度数量 | 度量数量 | 维度排序 | 下钻 | 图例 | 图例交互 | 图表标签 | 联动过滤 | 参考线 | 刻度范围设置 | 排除 |
---|---|---|---|---|---|---|---|---|---|---|---|
柱状图 | 1 | 1 | 数据源/字母/字段/手动排序 | 允许 | 默认度量的范围 | 无 | 度量值 | 维度分组 | 固定值/计算值 | 允许 | 维度分组 |
分簇柱状图 | 1 | 1~N | 数据源/字母/字段/手动排序 | 允许 | 各个度量 | 单选多选 | 度量值 | 维度分组 | 固定值/计算值 | 允许 | 维度分组 |
分组分簇柱状图 | 2 | 1 | 数据源/字母/字段/手动排序 | 允许 | 次维度各分组 | 单选多选 | 度量值 | 主维度分组 | 固定值/计算值 | 允许 | 主维度分组 |
分组堆叠柱状图 | 2 | 1 | 数据源/字母/字段/手动排序 | 允许 | 次维度各分组 | 单选多选 | 度量值 | 主维度分组 | 固定值/计算值 | 允许 | 主维度分组 |
百分比分组堆叠柱状图 | 2 | 1 | 数据源/字母/字段/手动排序 | 允许 | 次维度各分组 | 单选多选 | 度量值 | 主维度分组 | 固定值/计算值 | 允许 | 主维度分组 |
横向柱状图 | 1 | 1 | 数据源/字母/字段/手动排序 | 允许 | 度量的范围 | 无 | 度量值 | 维度分组 | 固定值/计算值 | 允许 | 维度分组 |
横向分簇柱状图 | 1 | 1~N | 数据源/字母/字段/手动排序 | 允许 | 各个度量 | 单选多选 | 度量值 | 维度分组 | 固定值/计算值 | 允许 | 维度分组 |
横向堆叠柱状图 | 1 | 1~N | 数据源/字母/字段/手动排序 | 允许 | 各个度量 | 单选多选 | 度量值 | 维度分组 | 固定值/计算值 | 允许 | 维度分组 |
横向百分比堆叠柱状图 | 1 | 1~N | 数据源/字母/字段/手动排序 | 允许 | 各个度量 | 单选多选 | 度量值 | 维度分组 | 固定值/计算值 | 允许 | 维度分组 |
环形柱状图 | 1 | 1 | 无 | 允许 | 维度的各分组 | 单选多选 | 度量值 | 维度分组 | 不支持 | 允许 | 维度分组 |
堆叠柱状图 | 1 | 1~N | 数据源/字母/字段/手动排序 | 允许 | 各个度量 | 单选多选 | 度量值 | 维度分组 | 固定值/计算值 | 允许 | 维度分组 |
百分比堆叠柱状图 | 1 | 1~N | 数据源/字母/字段/手动排序 | 允许 | 各个度量 | 单选多选 | 度量值 | 维度分组 | 固定值/计算值 | 允许 | 维度分组 |
箱线图 | 1 | 1 | 数据源/字母/字段/手动排序 | 允许 | 维度的各分组 | 单选多选 | 无 | 维度分组 | 无 | 允许 | 维度分组 |
瀑布图 | 1 | 1 | 数据源/字母/字段/手动排序 | 允许 | 增长/下降 | 单选多选 | 度量值 | 维度分组 | 固定值 | 不允许 | 维度分组 |
词云 | 1 | 1 | 无 | 允许 | 度量的范围 | 无 | 无 | 维度分组 | 无 | 不允许 | 维度分组 |
环形图 | 1 | 1 | 数据源/字母/字段/手动排序 | 允许 | 维度的各分组 | 单选多选 | 维度分组百分比 | 维度分组 | 无 | 不允许 | 维度分组 |
漏斗图 | 1 | 1 | 数据源/字母/字段/手动排序 | 允许 | 维度的各分组 | 单选多选 | 维度的分组/度量值/分组间的转化率 | 维度分组 | 无 | 不允许 | 维度分组 |
气泡图 | 1~N | 1 | 无 | 允许 | 度量的范围 | 无 | 维度的分组/分组的占比 | 各维度分组的组合 | 无 | 不允许 | 各维度分组的组合 |
饼图 | 1 | 1 | 数据源/字母/字段/手动排序 | 允许 | 维度的各分组 | 单选多选 | 维度分组百分比 | 维度分组 | 无 | 不允许 | 维度分组 |
南丁格尔图 | 1 | 1 | 数据源/字母/字段/手动排序 | 允许 | 维度的各分组 | 单选多选 | 维度分组百分比 | 维度分组 | 无 | 不允许 | 维度分组 |
旭日图 | 1~N | 1 | 无 | 允许 | 无 | 单选多选 | 各维度的分组 | 各维度分组的组合 | 无 | 不允许 | 各维度分组的组合 |
矩形树图 | 1~N | 1 | 无 | 允许 | 度量的范围 | 无 | 维度的分组 | 各维度分组的组合 | 无 | 不允许 | 各维度分组的组合 |
区域图 | 1 | 1~N | 数据源/字母/字段/手动排序 | 允许 | 各个度量 | 单选多选 | 度量值 | 维度分组 | 固定值/计算值 | 允许 | 维度分组 |
分组区域图 | 2 | 1 | 数据源/字母/字段/手动排序 | 允许 | 次维度各分组 | 单选多选 | 无 | 主维度分组 | 固定值/计算值 | 允许 | 主维度分组 |
分组堆叠区域图 | 2 | 1 | 数据源/字母/字段/手动排序 | 允许 | 次维度各分组 | 单选多选 | 度量值 | 主维度分组 | 固定值/计算值 | 允许 | 主维度分组 |
百分比分组堆叠区域图 | 2 | 1 | 数据源/字母/字段/手动排序 | 允许 | 次维度各分组 | 单选多选 | 度量值 | 主维度分组 | 固定值/计算值 | 允许 | 主维度分组 |
堆叠区域图 | 1 | 1~N | 数据源/字母/字段/手动排序 | 允许 | 各个度量 | 单选多选 | 无 | 维度分组 | 固定值 | 不允许 | 维度分组 |
百分比堆叠区域图 | 1 | 1~N | 数据源/字母/字段/手动排序 | 允许 | 各个度量 | 单选多选 | 无 | 维度分组 | 固定值 | 不允许 | 维度分组 |
折线图 | 1 | 1~N | 数据源/字母/字段/手动排序 | 允许 | 各个度量 | 单选多选 | 度量值 | 维度分组 | 固定值/计算值 | 允许 | 维度分组 |
折线柱状组合图 | 1 | 1~N | 数据源/字母/字段/手动排序 | 允许 | 各个度量 | 单选多选 | 度量值 | 维度分组 | 固定值/计算值 | 允许 | 维度分组 |
分组折线图 | 2 | 1 | 数据源/字母/字段/手动排序 | 允许 | 次维度各分组 | 单选多选 | 度量值 | 主维度分组 | 固定值/计算值 | 允许 | 主维度分组 |
帕累托图 | 1 | 1 | 无 | 允许 | 频数/累积频率 | 单选多选 | 度量值 | 维度分组 | 固定值/计算值 | 不允许 | 维度分组 |
弧线关系图 | 2 | 0 | 数据源/字母/字段/手动排序 | 允许 | 次维度各分组 | 无 | 无 | 无 | 无 | 不允许 | 无 |
和弦图 | 2 | 1 | 数据源/字母/字段/手动排序 | 允许 | 各维度的各分组 | 仅能悬停 | 各维度的各分组 | 无 | 无 | 不允许 | 无 |
热力图 | 2 | 1 | 数据源/字母/字段/手动排序 | 允许 | 度量的范围 | 无 | 度量值 | 各维度分组的组合 | 无 | 不允许 | 各维度分组的组合 |
雷达图 | 1 | 1~N | 数据源/字母/字段/手动排序 | 允许 | 各个度量 | 单选多选 | 维度的分组/度量值 | 维度分组 | 无 | 允许 | 无 |
桑基图 | 1~N | 1 | 数据源/字母/字段/手动排序 | 允许 | 无 | 无 | 各维度的各分组 | 无 | 无 | 不允许 | 无 |
散点图 | 1 | 3 | 无 | 允许 | 大小度量的范围 | 无 | 维度的各分组 | 维度分组 | 固定值/计算值 | 允许设置 不允许合并 | 维度分组 |
仪表盘 | 0 | 2 | 无 | 不允许 | 无 | 无 | 占比度量的名称/数字/百分比 | 无 | 固定值 | 不允许 | 无 |
KPI | 0 | 1~N | 无 | 不允许 | 无 | 无 | 无 | 无 | 无 | 不允许 | 无 |
指标趋势卡 | 1 | 1~N | 无 | 不允许 | 无 | 无 | 无 | 无 | 无 | 不允许 | 无 |
表格 | 0~N | 0~N | 数据源/字母/字段/手动排序 | 不允许 | 无 | 无 | 无 | 无 | 无 | 不允许 | 无 |