图形排序的使用操作、排序设置和逻辑,基本和表格组件一样,表格组件排序功能说明详见:新数据排序逻辑。
由于每种图形的展示效果和业务含义都不一样,所以本文主要是介绍,相对于表格组件,图形的排序功能有哪些区别和使用注意事项。
先用一个简单的图形排序示例展示排序功能,方便理解下文的排序逻辑。详细的排序操作说明详见:新数据排序逻辑。
比如要按合同金额降序查看各行业的合同签约情况,此时在 合同金额 字段上设置 排序>组内降序,即可得到所需效果,设置方式如下图所示:
对于上面的排序示例,我们可以看到在合同金额上设置的排序,是直接影响柱图X轴刻度标签的顺序,那如果在X轴、颜色等区域的字段上设置排序,这些排序设置又是影响哪里的顺序?
比如基于上述的排序示例增加新的要求:要按合同金额降序查看各行业的合同签约情况,且每个行业内的收入类型需按照 “服务、销售、维护” 顺序显示,两部分的排序顺序相互不影响,如下图所示:
所以在不同位置的字段上设置排序,就产生了排序影响区域的问题。
和表格的逻辑一样,当排序设置影响的是同一个区域时,会产生排序优先级;当排序设置影响的不是同一个区域,则两个排序设置互相不影响。那如何去定义图形的排序影响区域?
考虑到实现数据排序逻辑是在底层数据层处理,而组件类型(如图形、表格等)是应用层的概念,为了保证排序逻辑统一、简化排序相关概念,数据层排序走统一一套排序逻辑,所以统一使用 行区 和 列区 作为所有组件的排序影响区域的命名划分。
对于表格,有明确的行列区划分,且数据顺序相互不影响,排序影响区域用行区和列区作为区分,比较好理解;但对于图形,在界面上并没有明确区域映射关系。
所以对于图形组件的不同位置所属的区域和排序优先级,有以下的基本原则:
针对上面第一点放 维度字段 的场景,下表详细说明每种图形类型的行列区映射关系。
分类 | 图形名称 | 行区 | 列区 | 不支持排序功能 | 备注 | ||||||
表格位置1 | 表格位置2 | 表格位置1 | 表格位置2 | 表格位置3 | 表格位置4 | ||||||
柱图 | 柱图 | X轴 | 颜色 | 标签 | 提示 | 提示不改变图形外观。 | |||||
堆积柱图 | X轴 | 颜色 | 标签 | 提示 | |||||||
横条图 | Y轴 | 颜色 | 标签 | 提示 | |||||||
堆积横条图 | Y轴 | 颜色 | 标签 | 提示 | |||||||
瀑布图 | X轴 | 颜色 | 标签 | 提示 | 颜色不支持拖字段,标签和提示不改变图形外观的。 | ||||||
对比柱图 | X轴 | 颜色 | 标签 | 提示 | 提示不改变图形外观。 | ||||||
极坐标柱图 | X轴 | 颜色 | 提示 | ||||||||
极坐标堆积柱图 | X轴 | 颜色 | 提示 | ||||||||
分区柱图 | X轴 | 颜色 | 标签 | 提示 | |||||||
趋势线 | 线图 | X轴 | 颜色 | 标签 | 提示 | ||||||
堆积线图 | X轴 | 颜色 | 标签 | 提示 | |||||||
曲线图 | X轴 | 颜色 | 标签 | 提示 | |||||||
堆积曲线图 | X轴 | 颜色 | 标签 | 提示 | |||||||
阶梯线图 | X轴 | 颜色 | 标签 | 提示 | |||||||
堆积阶梯线图 | X轴 | 颜色 | 标签 | 提示 | |||||||
极坐标曲线图 | X轴 | 颜色 | 标签 | 提示 | |||||||
面积图 | X轴 | 颜色 | 标签 | 提示 | |||||||
堆积面积图 | X轴 | 颜色 | 标签 | 提示 | |||||||
曲线面积图 | X轴 | 颜色 | 标签 | 提示 | |||||||
堆积曲线面积图 | X轴 | 颜色 | 标签 | 提示 | |||||||
饼图 | 饼图 | 颜色 | 标签 | 提示 | 标签和提示不改变图形外观的。 | ||||||
环形图 | 颜色 | 标签 | 提示 | ||||||||
半径玫瑰图 | 颜色 | 标签 | 提示 | ||||||||
玫瑰图 | 颜色 | 标签 | 提示 | ||||||||
联合图 | 单Y联合图 | X轴 | 颜色 | 标签 | 提示 | 提示不改变图形外观。 | |||||
双Y联合图 | X轴 | 颜色 | 标签 | 提示 | |||||||
高级 | 散点图 | X轴 | Y轴 | 颜色 | 标签 | 提示 | 提示不改变图形外观。 | ||||
大数据散点图 | X轴 | Y轴 | 颜色 | 提示 | |||||||
热力图 | X轴 | Y轴 | 标签 | 提示 | 标签不支持拖字段,提示不改变图形外观的。 | ||||||
桑基图 | 维度1 | 维度2 | 颜色 | 标签 | 提示 | 颜色和标签不支持拖字段,提示不改变图形外观的。 | |||||
雷达图 | 维度 | 颜色 | 标签 | 提示 | 标签不支持拖字段,提示不改变图形外观的。含棱角面积雷达图、棱角线雷达图、圆环面积雷达图、圆环线雷达图。 | ||||||
漏斗图 | 颜色 | 标签 | 提示 | 标签和提示不改变图形外观的。漏斗图、升序漏斗图、左降序漏斗图、右降序漏斗图、左升序漏斗图、右升序漏斗图。 | |||||||
指标 | 指标卡 | 维度 | 提示 | 提示不改变图形外观。 | |||||||
油量图 | 提示 | 提示不改变图形外观。含油量图、环形进度图、外刻度油量图、内刻度油量图。 | |||||||||
水球图 | 颜色 | 提示 | 颜色不支持拖字段,提示不改变图形外观的。 | ||||||||
进度图 | 维度 | 颜色 | 提示 | 提示不改变图形外观。 | |||||||
地图 | 区域地图 | 区域/经度地理维 | 纬度地理维 | 颜色 | 标签 | 提示 | 标签、大小不支持拖字段,提示不改变图形外观的。 | ||||
散点地图 | 区域/经度地理维 | 纬度地理维 | 颜色 | 形状 | 大小 | 标签 | 提示 | ||||
热力地图 | 区域/经度地理维 | 纬度地理维 | 颜色 | 标签 | 大小 | ||||||
GIS地图 | 区域/经度地理维 | 纬度地理维 | 颜色 | 形状 | 大小 | 标签 | 提示 | 标签和提示不改变图形外观的。 | |||
旭日图 | 维度 | 提示 | |||||||||
矩阵树图 | 颜色 | 标签 | 大小 | 提示 | |||||||
力导向关系图 | 维度 | 颜色 | 大小 | 标签 | 提示 | ||||||
环形关系图 | 维度 | 颜色 | 大小 | 标签 | 提示 | ||||||
指标拆解树 | 维度 | 指标 | 提示 | ||||||||
词云图 | 颜色 | 标签 | 提示 | 提示不改变图形外观。 |
所以按不同位置上排序影响哪个区域更符合业务场景的原则,去划分排序影响区域
1、部分图形由于其本身的特性和实现逻辑,不支持分区取数,且考虑到这些位置上设置排序作用不大,所以会 禁用 排序入口,涉及入口如下:
2、旭日图受限于第三方组件的渲染逻辑,显示顺序只和类别名称有关,在旭日图上设置的排序,实际看不出排序变化。
3、漏斗图本身已隐含排序效果,在 大小 上设置的排序,实际看不出排序变化。
4、进度图
5、指标拆解树,当前版本在字段上并未开放排序入口,指标拆解树的排序本身是各个维度按指标值进行排序,需等未来 按其他字段值排序 的功能上线后,再开放排序入口。
按场景效果去描述怎么设置图形排序,待补充。