图形排序的使用操作、排序设置和逻辑,基本和表格组件一样,表格组件排序功能说明详见:新数据排序逻辑

由于每种图形的展示效果和业务含义都不一样,所以本文主要是介绍,相对于表格组件,图形的排序功能有哪些区别和使用注意事项。

图形排序逻辑

图形排序示例

先用一个简单的图形排序示例展示排序功能,方便理解下文的排序逻辑。详细的排序操作说明详见:新数据排序逻辑

比如要按合同金额降序查看各行业的合同签约情况,此时在 合同金额 字段上设置 排序>组内降序,即可得到所需效果,设置方式如下图所示:

行区&列区的划分

对于上面的排序示例,我们可以看到在合同金额上设置的排序,是直接影响柱图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、指标拆解树,当前版本在字段上并未开放排序入口,指标拆解树的排序本身是各个维度按指标值进行排序,需等未来 按其他字段值排序 的功能上线后,再开放排序入口。

图形排序场景示例

按场景效果去描述怎么设置图形排序,待补充。



新旧版本图形排序效果不一致