1. 概述

1.1 应用场景

动态排名图使用方法和排名图类似（排名图具体可参考：排名图），动态排名图具有跑马灯、翻页等动态展示效果，效果如图：

1.2 基本要求

动态排名图的基本要求：

2. 示例

2.1 新建看板

在星河可视化共创分析平台的工作中新建一个PC（大屏）看板。

2.2 上传数据

把已经准备好的数据上传到星河可视化共创分析平台中。

在共创团队→数据管理→数据文件中点击【添加】

把数据上传完后，我们就可以在看板编辑区域中绘制我们的动态排名图了。

2.3 新建动态排名图

在设计栏中找到动态排名图，并拖入到设计看板中。

2.4 配置相关字段

把相关字段拖入字段设置中，并配置相关显示属性配置。

2.5 设置排序

排名图需对数据展示进行排序设置，我们只需在字段设置中单击设置按钮，即可设置的升序与降序。

3. 美化图表

3.1 调整动态排名图全局属性

<<<<<<< .mine 可通过选择全部列或切换列调整动态排名图的属性，如列文本样式、bar样式、跑马灯速度等。 ||||||| .r78516

调整动态排名图的属性，如全局属性、编号列属性、列属性配置。

条件提取：勾选后预览或者额运行状态点击图表将会提取图表的维度字段，如果配置了联动交互则会联动影响其他的图表。

.r78531

标题样式：可设置标题字号、字体、字体粗细、文本对齐、字体颜色，是否隐藏标题、标题区域所占高度、显示行数、标题的背景色等属性。

背景色：可设置奇数行、偶数行的背景色，通过设置背景色将不同的行进行区分。

选中背景色：设置点击选中一行时，对应行变化的背景颜色。

行显示方式：按照固定行数、固定行高计算每页显示的数据条数。如固定行数设置8条，则每页显示为8条数据，并且自动计算每条数据的行高。当设置为固定行高，行高度为30时，则按照这个行高计算得出每页的行数。

分割线：设置每行数据之间是否展示分割线、分割线的颜色、线条样式、线条的宽度。

动画：设置翻页的动画时长、轮播延时指多久翻页一次。

模板：设置使用模板制做自定义格式的行。

数据边界：当设置全部的时候，数据最大的那条数据条铺满，其他的数据依次减少。当设置单页时，则每页的第一条数据条铺满。

编号列属性：

边距：设置编号列里面的排序数字上下左右之间的距离。

编号列样式：设置编号列的文本字体、字号、颜色、加粗、对齐方式等。

宽度：设置编号列占整个图表的宽度

标题内容：可设置排名列的标题，为空则不设置

隐藏列：勾选以后可隐藏排名列

列属性配置：可分别设置每列是否隐藏、边距、宽度、标题内容、文本样式、跑马灯时长、跑马灯延时、使用模板等属性。标题内容为空时，则不显示标题。跑马灯效果需要列的内容超过列的宽度时，文字从右往左移动实现跑马灯，并按照设置的时长、延时展示跑马灯效果。宽度指列占图表整体的百分比宽度。

边距：设置列里面的类别、数值上下左右之间的距离。

列样式：设置内容列的文本字体、字号、颜色、加粗、对齐方式等。

宽度：设置编号列占整个图表的宽度

标题内容：可设置排名列的标题，为空则不设置

隐藏列：勾选以后可隐藏排名列

bar样式：设置bar数据条的高度、填充的颜色。

流光长度、颜色：可设置流光的长度、颜色等

动画时长、延时：可设置bar流光动画的时长及多久播放一次。

极值：设置数据最大、最小值，当设置最小值时，最小值的bar的长度为0，按照最大值最小值匹配这个bar的长度。