堆叠面积图是一种特殊的面积图,可以用来比较在一个区间内的多个变量。堆叠面积图和面积图的区别在于,堆叠面积图每个数据系列的起点都是基于前一个数据系列绘制的,也就是每度量一行就要填满行与行之间的区域。
该组件在软件中的位置如下图所示:
选中组件时可以对组件进行设置,包括字段设置和属性设置,其中字段设置如下图所示:
上图中X轴和Y轴都只包含一个字段,其中X轴字段为横坐标,Y轴字段为纵坐标。(关于如何添加字段请参考新手入门教程)
当X轴为多个字段,Y轴为一个字段时,图形如下所示:
上图中所用示例数据如下:
时间 | 品类 | 销售额 |
周一 | 男装 | 1100 |
周二 | 女装 | 800 |
周三 | 男装 | 1000 |
周四 | 男装 | 1200 |
周五 | 女装 | 900 |
周六 | 女装 | 1300 |
周日 | 男装 | 1400 |
当X轴为一个字段,Y轴为多字段时,图形如下所示:
上图中所用示例数据如下:
时间 | 男装销售额 | 女装销售额 | 童装销售额 |
周一 | 1100 | 1200 | 1300 |
周二 | 800 | 1000 | 1100 |
周三 | 1000 | 1300 | 800 |
周四 | 1200 | 900 | 1200 |
周五 | 900 | 1400 | 1000 |
周六 | 1300 | 1500 | 1400 |
周日 | 1400 | 1000 | 1100 |
(1)基本设置
显示滚动条:当组件的窗口大小不足以展示全部数据时,可以设置显示滚动条,否则超出的部分就不会显示出来。
(2)数据颜色
每一个数据字段对应的区域的颜色
(3)图形形状
统一的形状设置包括:阴影颜色、阴影模糊程度、填充颜色透明度、折线形状、显示点折线粗细。
如果需要设置不同的形状,请在自定义系列中设置,设置项与上述相同
(4)X轴
X轴的设置包括:数据类型、轴线、轴刻度、轴文本颜色、轴文本大小、字体设置和轴文本旋转。
(5)Y轴
Y轴的设置包括:显示网格、轴线、轴刻度、轴文本颜色、轴文本大小、字体设置。
(6)提示信息
可设置数据显示的格式、小数点位数和是否小数补零。
(7)图例
图例的设置包括图例位置、文字颜色和文字大小。
(8)图形文本
可设置文本显示格式、小数位数、小数补零、文字的颜色、大小字体设置
(9)内边距
内边距可以设置组件中心距离上下左右边框各自的位置,单位为px。
(10)三维旋转
可输入任意数值,数值对应角度向X轴/y轴旋转。
(11)大小和位置
通常我们可以通过直接点击和拖动组件来设置大小和位置,在这里也可以通过直接输入X坐标、Y坐标、宽和高来设置。
(12)标题
标题的设置包括:标题文字、文字颜色、背景色、文字对齐方式、文字大小以及标题文字字体的选择。
(13)边框设置
边框的设置包括:边框颜色、边框宽度和边框样式。
(14)背景设置
组件默认没有背景颜色,如果需要设置背景颜色,可以在这里进行设置,也可以将背景设置为一张图片。
(15)展示动画
动画效果可以对持续时间、延迟时间和间隔时间进行设置。
需要注意的是,未开启循环播放时,动画只在启动全屏时播放一次,开启循环播放之后才会按照间隔时间循环播放动画。
【温馨提示】循环播放是高级版功能,非高级版套餐无法使用该功能。