先睹为快
需求背景
在BI场景中,用户通常通过点击、圈选、双击等操作来控制图表对各种行为做出响应,我们把这些响应统称为交互式分析。
在过去的迭代过程中,我们先后对联动和跳转进行了整体模块的体验升级。目前对比国内的竞品,Quick BI已经在能力和体验上保持基本持平,通过对国外产品的调研以及对线上用户真实诉求的梳理,发现在一些分析场景下还存有欠缺,例如高亮联动、交叉表圈选、联动面板的条件切换、清空(主要来自用户体验调研)等。在5.3.1版本中,我们优先将客户反馈声音最高的高亮联动能力上线,后续持续将持续迭代其余几项能力。
筛选联动 VS 高亮联动
在BI系统中,高亮联动和筛选联动是两种常见的交互方式,它们都属于数据可视化的交互式分析功能。但是,这两种功能在使用方法和目的上有所区别:
筛选联动
定义:筛选联动是指用户在某个可视化组件中通过选择特定的数据使其他关联的可视化组件也会根据这个选择或条件自动更新,只显示符合筛选条件的数据。
用途:这种方式更适合于深入分析特定数据集或群体的特征,通过排除不相关数据来聚焦于特定的问题或数据范围。
举例:分析预测某位具体manager的销售情况
高亮联动
定义:当用户在某个可视化组件上进行操作(例如,选择一个图表中的特定数据点)时,系统会自动在其他相关的可视化组件中高亮显示与所选数据相关的信息,而不过滤出这部分数据,其余数据仍然显示,但以更淡的颜色或其他方式区别开来。
用途:主要用于对数据进行快速突出显示或比较,从而帮助用户理解不同可视化组件之间的关系或数据之间的相关性。
举例:探索不同产品类别在各地区的销售表现如何,以及是否有特定的地区对某类产品的需求特别高。
可以看到高亮联动更多的是提供了一个数据关联性的视觉提示,帮助用户迅速寻找和识别数据间的关系。
可视化方案与实现
本质为:联动过滤后的数据,以占比的方式展示图形元素,数据展示均以联动后的数据为准
单个图形元素是无法直接展示占比这种展示方式的,所以只能将图形元素拆成两个部分:
● 联动前数据---映射图形元素展示
● 联动后数据---映射图形元素展示
且这两套数据共享坐标系和其他映射函数
派生图形元素
图形元素的占比展示,完全依赖于图形元素本身,不同的图形元素可能有不同的图形占比,也可以看成,占比图形元素依赖原图形原色和具体占比值,得到最终结果(以常见矩形块为例)
扩展已有的图形元素,对其进行派生,具体如下:
图表已有结构
已有的图形元素结构如下:
一个View有多个Geometry,每个Geometry下有多个Element
不同的Geometry,会有不同的Element,具体绘制方式完全由Geometry的配置而定,图形元素中的映射通道,全部由Geometry管理,不同的映射通道会产生不同的结果,也就是说Element在绘制过程中,完全由Geometry来管理
派生方案
● 派生Geometry,一个Geometry可以有一个派生Geometry
● 新增一个映射通道,用来映射Ratio相关的内容,决定每个Element的最终占比值具体是多少,最终影响派生Geometry中元素的占比绘制
● 不同的Geometry有着自己的默认CustomExtrendDraw绘制方法,同时针对不同的Shape,可以自定义扩展CustomExtrendDraw方法,例如同样IntervalGeometry下面,rect和line不同
CustomExtrendDraw方法
派生通道映射配置
样式设定
设置交互状态
这个功能源于联动高亮交互,所以想到给图表新增一种交互状态;
当有派生时,自动给父对象和派生对象添加交互态,不同交互态有不同的样式配置,所以达到高亮交互的效果
当发生高亮联动时,改变父子元素的交互状态即可
结语
高亮联动是一种在BI(商业智能)系统中常见的交互式分析功能,它允许用户在某个可视化组件上进行操作(如选择一个数据点)时,系统自动在其他相关的可视化组件中高亮显示与所选数据相关的信息。这种联动方式不过滤掉其他数据,而是通过视觉手段(如颜色变化、透明度调整等)突出显示关联信息,帮助用户快速识别和理解数据之间的关系。通过不断的技术创新和用户体验优化,高亮联动功能将在未来的BI系统中发挥更大的作用,为用户提供更加高效、直观的数据分析工具。