You need to enable JavaScript to run this app.
导航

排序

最近更新时间2023.06.26 20:40:46

首次发布时间2021.02.23 10:41:59

1. 概述

排序组件支持对图表的横轴、纵轴及图形中的维度字段进行排序。DataWind 提供了具有排序功能的组件,排序方式有升序、降序及手动排序三种方式。日期字段只支持升序和降序两种排列方式,其他字段可以自定义字段值的顺序。
示例
alt

2. 快速入门

2.1 表格排序

第一步:下拉单选排序的依据字段,并选择排序方式;
alt
第二步:点击「应用」。
alt

2.2 图表排序

第一步:下拉单选排序的依据字段,并单选排序方式;
alt
第二步:点击「应用」。
alt

3. 功能介绍

3.1 表格排序

3.1.1 表头排序

表格提供表头排序的方式进行单条件排序。鼠标悬浮到表头的字段处,点击排序按钮即可轻松配置排序。
alt

3.1.2 排序配置

表头排序相当于快捷的排序配置,点击表头的排序按钮,将默认在「排序」中生成一条排序规则。同时「排序」支持多条件排序,即可设置多个排序规则同时生效。 示例:订单类型按照升序排序,且相同订单类型内,付费日期降序排序。而后修改为,先按照付费日期降序,后按照订单类型升序进行排序。
第一步:对订单类型进行降序排序;

第二步:增加排序规则,付费日期降序排序。

第三步:通过调序按钮调整以上排序规则的先后顺序,下移「订单类型升序」或者上移「付费日期降序」,此处采用第一种方式。

第四步:点击「应用」。

3.2 图表排序

3.2.1 数值排序

针对 X、Y 轴类的图表,当数据面板上只有一个维度字段的时候,可进行数值排序。排序依据为轴维度字段本身或数据面板上的任意指标字段。

3.2.2 维度轴排序

针对 X、Y 轴类的图表,当数据面板上有多个维度字段的时候,可进行维度轴排序。排序依据为轴维度字段本身或数据面板上的任意指标字段。

3.2.3 图例排序

针对XY轴类的图表,当数据面板上有多个维度字段,或饼图、散点图等没有轴维度的图表可进行图例排序。排序依据为「维度-图例」或数据面板上的任意指标字段。每一个维度上的数据点,都将按照图例的统一顺序进行排序。

图例排序计算逻辑:会按照图例的维度根据指标计算逻辑进行计算,计算之后直接排序,如下图所示:

横轴维度BU 名称
图例产品名称
指标计算sum(收入)
图例排序计算逻辑产品名称根据收入求和的数据升序排序
举例下图产品名称得到如上所述的排序,在每个维度(BU名称)中会在一个柱子上呈现多个产品名称,就按照上述表格的顺序,即右侧图例的排序从上到下排列