1. 概述
1.1 应用场景
动态条形图可以动态地展示出随着时间播放的TOP条数。多用于一段时间的数据变化,并用播放的形式展现对比。效果如图:
1.2 基本要求
动态条形图的基本要求:
图表效果 | X轴 | Y轴 |
---|---|---|
动态条形图 | 一个或多个维度 | 一个或多个指标 |
1.3 图表特点
可视化效果:可基于时间轴进行动态播放。
2. 示例
2.1 准备数据
首先,制作动态条形图最重要的就是准备数据。这也是最繁琐的一步。在前面的视频中我们可以看到一共有三个统计维度,一个是时间,一个是国家,还有一个是国家GDP。
那么我们就按照这三个维度把数据收集好,并把它们一一录入到Excel中,最后可以得到如下数据:
2.1.2 上传数据
准备好数据后我们导入到星河可视化共创分析平台中。点击数据面板中的“上传”按钮,选择数据并上传,具体操作如图:
数据上传完成后,第一步准备工作就算完成啦~
2.2 配置图表
数据准备好后,我们就可以开始配置图表了。
在数据面板中我们可以看到字段分为“维度”和”指标“。现在我们需要把右边的数据通过鼠标拖入到左边的字段设置中。
我们根据需求把“年度”拖入到X轴中,把“GDP”拖入Y轴,把“地区”拖入系列中。并选择函数“sum”,这样就完成图表制作啦!
3. 美化图表
3.1 调整图表属性
在上一步中我们可以看到,图表中各个国家都是一个颜色的,并不能直观的区分开各国国家的条形图,因此我们需要对图表做一些调整。
首先我们打开“显示设置”面板,找到配色选项,点击并选择一个我们喜欢的色系即可。具体操作如下:
除此之外,我们还可以在动态条形图属性中调整图表的其他细节,如X轴、Y轴、时间轴的字体细节大小:
条数:设置动态条形图展示的总条数。
条间距:设置每条数据之间的间距,数值越大间距越大。
排序:设置动态条形图按照升序、降序排序。
标注值:设置条形图右侧柱子上是否显示标注值,标注值的格式化、字号、字体、粗细、字体颜色等。
计时器与汇总: 布局:设置计时器与汇总部分在页面右侧的上中下位置,并可调整右边距、上边距。 当前播放时间:设置当前播放时间是否打开,并可格式化当前时间,可设置播放时间的字号、字体、粗细、字体颜色、行高等属性。 当前播放总数:设置当前播放总数是否打开,可更改汇总的标题,打开累积以后会将数据从最开始的时间数据到当前时间数据全部累加起来,可格式化当前总数,可设置播放总数的字号、字体、粗细、字体颜色、行高等属性。
X轴: 分段间隔可设置每一段数据的长度,数值越大,最上面的标注值间隔就越大。 格式化设置X轴轴刻度的数据样式 起点数据、终点数据:可设置X轴展示的最小数据、最大数据的范围。 字体设置:设置轴刻度对应的刻度文字字号、字体、粗细、颜色等。 刻度线颜色:设置X轴分割线的颜色。 虚线大小:为0时显示为实现,设置大于0是为虚线,数值越大,虚线间隔越宽。
Y轴: 格式化:格式化Y轴轴文本显示样式。 展示系列名称:勾选以后会显示对应的Y轴指标名称。 轴线:设置Y轴的轴线粗细及颜色。 字体设置:设置Y轴的轴文本的字号、字体、粗细、颜色等属性。 时间轴:可设置时间轴是否显示出来。 格式化:格式化时间轴时间的显示样式。 播放配置:可设置是否自动播放、是否循环播放、每播放一帧的持续时长、循环播放间隔时长。 边距:设置下面的时间轴与图表的上下左右的边距。 分段间隔:设置时间轴每段刻度间隔长度,数值越少,间隔越短。 高度:设置时间轴的高度。 按钮:设置播放按钮大小,与右侧时间轴的距离,按钮的背景色、图标颜色、按钮边框颜色、边框大小、图标大小。 轴线:设置时间轴轴线粗线及颜色。 轴文本:设置时间轴轴文本字号、字体、粗细、字体颜色等。 角标大小:设置时间轴上播放的三角滑块的大小。 选中:设置时间轴上的滑块选中状态文字字号、字体、粗细、颜色、角标的颜色等属性。
调整完后,动态条形图就配置完成了。