组合图支持双轴展示不同量级数据,可以在单坐标轴下同时展示常规线图、柱图和面积图组合,也支持展示堆积混合和百分比堆积的复杂场景。例如可以展示不同项目间的变化趋势。本文为您介绍如何为组合图添加数据并配置样式。

效果图

效果图

配置数据

  1. 在组件库区域的图表中,找到组合图并拖至画布中。组合图

  2. 单击请选择数据集,并按照下图指引,添加数据。配置数据

配置样式

位置和尺寸

您可以在配置区对组件进行如下设置:

  • 调整组件的对齐方式(①):支持左对齐、居中和右对齐等。

  • 调整组件的尺寸(②):以左上角为原点,设置X和Y轴的值,调整位置。

  • 调整组件的角度(③):设置旋转角度的值。

  • 调整组件的大小(④):设置W和H的值,调整组件的宽度和高度。

  • 锁定组件(⑤):锁定组件后,无法调整组件的大小。

  • 透明度(⑥):支持配置透明度范围为0%-100%。

位置和尺寸

绘图区域

您可以在绘图区域,设置组合图的样式,支持的操作如下:

  • 色系选择:设置组合图的颜色。

  • 线条类型:设置线条类型,包括曲线直线

  • 空值处理:在数据为空情况下,您可以选择直接跨过,置为0(线条不断开)或线条断开。

  • 线条粗细:设置线条的类型以及粗细。

  • 显示标记点:设置标记点样式,支持圆、空心圆、菱形和空心菱形(①)。

  • 柱体样式:设置柱体的宽度、同组柱之间的距离以及圆角半径。

  • 显示数据标签:选择数据标签的展示方式(智能显示或全量显示)以及文本样式(②)。

绘图区域

图例

图例区域,您可以设置图例的位置(上、下、坐、右)和文本样式。图例

坐标轴

以X轴为例,在X轴区域,您可以进行如下操作。

  • 显示轴标题与单位:设置轴标题与单位,以及文本样式(①)。

  • 轴线:设置轴线的类型、粗细以及颜色(②)。

  • 轴标签与刻度:设置轴标签的文本样式以及刻度粗细和颜色(③、④)。

  • 网络线:设置网格线的类型、粗细以及颜色(⑤)。

坐标轴

工具提示

您可以在工具提示中,设置工具提示方式。

image.png

图表配置项

配置项说明

展示方式

设置提示信息展示方式,支持按单数据点、按维值两种方式。

内容

展示方式为按单数据点时,支持占比;

展示方式为按维值时,支持总计和占比。

当副值轴/度量拖入字段时,您可以分别设置左Y轴和右Y轴的内容。

背景色

设置背景颜色。

文本

设置提示文字样式。

效果如下:

image.png

系列设置

您可以在系列设置区域,设置组合图的系列,支持的操作如下:

  • 请选择系列:选择指标/度量区域的度量项。

  • 显示数据标签:设置数据标签的大小、粗斜体。

  • 显示最值:高亮显示最值。

  • 同步样式到:同步当前的系列设置到其他度量指标中。

系列设置