1.1 版本

1.2 应用场景

针对数据随时间变迁中的排序进行可视化呈现。

1.3 功能描述

1. 支持随时间变化，动态展示不同时期下各个系列的排名先后关系。

2. 暂不支持图表导出，定时调度推送相关模板时展示此图表。

3. 暂不支持移动端。

2.1 插件安装

点击下载插件：动态排名图插件

设计器插件安装方法请参见：设计器插件管理

服务器安装插件方法请参见：服务器插件管理

2.2 操作方法

2.2.1. 功能入口

1）普通报表

合并一片单元格区域，点击上方工具栏插入图表按钮，插入「动态排名图」。如下图所示：

2）FVS可视化看板

在 FVS 中添加表格组件。编辑表格，上方工具栏中选择插入图表，在图表类型窗口，选择「动态排名图」，如下图所示：

注：FVS 中仅支持在表格组件中使用。

3）决策报表

在决策报表上方的图表工具栏，选择动态排名图图标，即可添加，如下图所示：

注：决策报表中也支持在报表块中使用。

2.2.2 属性设置

1）数据

选择右侧「单元格元素>数据」栏，如下图所示：

• 数值轴：用来排序的数值 （示例数据中的 income ）

• 系列轴：左侧排序展示的系列名称（示例数据中的 contry ，避免系列值中存在空格等特殊字符）

• 时间趋势：整体数据变化的实际轴（示例数据中的 year ）

• 数据来源：左下角展示的文本

• 动画频率：排序动画快慢控制，毫秒值，默认 3000

• 展示个数：排序最多展示前几个。（比如配置三个，则只有三个系列在动态排序；配置超出最大系列个数时，默认使用所有系列进行动态排序。）

• 降序： 是否降序排序

• 是否重播：数据排序到最后一组数据后，刷新页面，重新开始

• 左边距：图表距离左边的距离，避免文本稍长时被截断，默认 80

• 自定义图标：左侧系列名称后是否携带图标图片

• 图标文件夹：非必选项，如果选择了自定义图标勾选需要配置当前项。用来存放自定义图标的文件夹，从报表 web-inf/icons（没有则新建）目录下开始的目录。如果图标放在 web-inf/icons/flags-mini 则此处配置为 flags-mini 即可。

注：图标图片支持 png，jpg，jepg 格式，图标名称需与系列字段值一致。比如：1800 年一条数据配置的系列字段值为 Australia，那么图标就命名成 Australia.png，原则上一一对应即可。

2）样式

样式目前只支持简单的「标题样式配置」和「系列配色配置」。

• 标题：标题名称，支持公式和字体配置 ，不写默认不展示

• 系列：支持系列配色的自定义设置

3.1 数据准备

1）参照以下示例的 Excel 文件，在数据准备时，对时间列进行升序排序。

点击下载获取 Excel 文件：data.xlsx

2）数据以 data.xlsx 的示例数据为参考，设置文件数据集（具体也可以是内置数据集或其他数据集形式，按照类似格式整理即可）。

注：使用文件数据集，需将对应 excel 文件放入报表 reportlets/目录下。

3.2 报表设计

1）新建普通报表，合并一片单元格区域，点击上方工具栏插入图表按钮，插入「动态排名图」。如下图所示：

2）数据配置

如下图所示：

点击下载并解压获取示例图标文件：icons.zip

注：需要将 icons 文件放入报表 web-inf/ 文件夹下

3）样式设置

如下图所示：

3.2 效果预览

保存报表，点击「分页预览」，效果如下图所示：

 注：不支持移动端和定时调度场景

点击下载模板：动态排名图.cpt

1. 如果配置了自定义图标，当显示系列过多时，右侧系列展示可能不完整，只需要将图表整体拉大一点，或者减少展示个数即可。

2. 关于图标的使用：

如果需要使用小图标，系列轴的内容请配置成英文模式（暂不支持中文）。

原因：目前的图标用的 echarts 的 axisLabel.rich 富文本实现。由于 rich 的 key 不支持中文。所以当系列轴使用中文时，图标效果是不生效的。效果如下图所示：