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