堆叠双轴图是指有多个(≥2)Y 轴的数据图表,多为堆叠柱状图+折线图的结合,图表显示更为直观。除了适合分析两个相差较大的数据,堆叠双轴图也适用于显示大类别如何细分为较小的类别,以及每部分与总量之间的关系。
该组件在软件中的位置如下图所示:
选中组件时可以对组件进行设置,包括字段设置、样式设置和交互设置,其中字段设置如下图所示:
其中 X 轴字段为横坐标(注:X 轴仅且只能有一组数据),反应了柱形的组成部分,Y 轴字段为纵坐标,反应了每一个柱形部分的高度。折线 Y 轴字段由折线形式显示数据(注:折线 Y 轴仅且只能有一组数据)。
上图中所用示例数据如下:
产品 | 第一季度 | 第二季度 | 利润额 |
---|---|---|---|
产品一 | 580 | 410 | 300 |
产品二 | 800 | 570 | 250 |
产品三 | 390 | 300 | 111 |
产品四 | 220 | 200 | 190 |
产品五 | 210 | 200 | 170 |
产品六 | 666 | 400 | 391 |
产品七 | 510 | 360 | 444 |
交互的设置如下图所示:
(1)切换组件状态
可选择组件绑定状态
点击加号进行增加和批量设置
(2)刷新大屏数据
可开启后刷新大屏数据
(3)添加链接
可链接到 URL 或子大屏
(4)打开弹窗
绑定到弹窗分组
(5)关闭弹窗
绑定到弹窗分组
(6)切换到选项卡
可选择切换到选项卡组以及其中的第几项
点击加号增加和批量设置
样式的设置如下图所示:
(1)基本设置
包括:抽样率、允许演示控制和是否显示。
(2)数据颜色
每个数据可以独立进行颜色设置
(3)图形形状
包括:图形底色、图形边框圆角半径、填充形状可以设为普通或者分片、填充圆角半径、折线形状、显示点、折现粗细、阴影颜色和阴影模糊程度。
当填充形状为普通时,可以设置填充圆角半径
当填充形状为分片时,可以设置填充圆角半径和分片数量
折线形状分为折线与虚线
(4)折线 y 轴
包括:数据格式、显示网格、显示单位、轴线、轴刻度、轴刻度值。
(5)Y 轴
包括:轴线、轴刻度、轴文本颜色、轴文本大小、字体设置、轴文本旋转。
(6)图形高亮
包括:高亮边框颜色、高亮边框大小、高亮文字颜色、高亮文字大小
(7)图形文本
图形文本是将每个子条形的数值显示在图形上面。
图形文本的设置包括:文本位置、文字颜色和文字大小。
(8)提示信息
包括折线数据显示格式、折线数据小数位数、折线小数补零、柱状数据显示格式、柱状数据小数位数和小数补零。
(9)折线图形文本
包括文本显示格式、小数位数、小数补零、文字颜色、文字大小和字体设置。
(10)X 轴
X 轴的设置包括:数据类型、轴线、轴刻度、轴文本颜色、轴文本大小、字体设置、轴文本旋转。
(11)缩略轴
缩略轴的设置包括:缩略轴高度、曲线光滑、显示面积图、缩略轴文字颜色、缩略轴前景颜色、缩略轴背景颜色、缩略轴滑块。
(12)网格线
网格线的设置包括:X 轴和 Y 轴的网格线设置
(13)辅助线
辅助线的设置包括:线条位置、线条类型、线条颜色和线条宽度
当线条类型为虚线时,可以设置 Y 轴的虚线宽度
(14)排序
排序的设置包括:排序方式。
(15)图例
图例的设置包括图例位置、文字颜色和文字大小。
(16)内边距
内边距可以设置组件中心距离上下左右边框各自的位置,单位为 px。
(17)动画
动画效果可以对入场动画、展示动画和离场动画进行设置。
需要注意的是,未开启循环播放时,动画只在启动全屏时播放一次,开启循环播放之后才会按照间隔时间循环播放动画。
(18)大小和位置
通常我们可以通过直接点击和拖动组件来设置大小和位置,在这里也可以通过直接输入 X 坐标、Y 坐标、宽和高来设置。
三维空间旋转还可以输入任意数值,数值对应角度向 X 轴/y 轴旋转。
(19)边框设置
边框的设置包括:边框颜色、边框宽度和边框样式。
(20)背景设置
组件默认没有背景颜色,如果需要设置背景颜色,可以在这里进行设置,也可以将背景设置为一张图片。