柱图可以展示每项数据在一段时间内的趋势及数据间的比较情况。本文为您介绍如何为柱图添加数据并配置样式。

前提条件

已创建数据大屏。具体操作,请参见新建数据大屏

效果图

柱图

添加数据

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

    image.png

  2. 单击请选择数据集,并按照下图指引,添加数据,更新后的图标如下。

    image.png

您还可以对数据进行以下操作:image.png

图表样式配置

位置和尺寸

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

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

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

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

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

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

  • 调整透明度(⑥):设置组件的透明度。

image.png

绘图区域

您可以在绘图区域对组件进行如下设置:

  • 色系选择:选择柱体的颜色。

  • 柱体展示方向:设置柱体展示方向,包括水平与垂直。

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

  • 显示数据标签:设置是否显示数据标签、展示方式以及文本的大小和颜色等,显示方式包括智能显示和全量显示。

image.png

图例

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

  • 显示图例:设置是否显示图例。

  • 位置:设置显示图例时,您可以设置图例的位置。

  • 文本:设置显示图例时,您可以设置图例文本的大小、颜色等。

image.png

X轴

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

  • 显示X轴:设置是否显示X轴。

  • 轴标题:设置显示X轴时,您可以设置是否显示轴标题与单位、轴标题、轴单位以及文本大小与颜色等。

  • 轴线:设置显示X轴时,您可以设置是否显示坐标轴以及坐标轴的颜色等。

  • 轴标签与刻度:设置显示X轴时,您可以设置是否显示轴标签与刻度、轴标签的文本颜色以及刻度的样式等。

  • 网格线:设置显示X轴时,您可以设置是否显示网格线以及网格线的宽度、颜色等。

x轴

Y轴

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

  • 显示Y轴:设置是否显示Y轴以及Y轴的位置、数值显示范围、最大值、最小值等。

  • 轴标题:设置显示Y轴时,您可以设置是否显示轴标题与单位、轴标题、轴单位以及文本大小与颜色等。

  • 轴线:设置显示Y轴时,您可以设置是否显示坐标轴以及坐标轴的颜色等。

  • 轴标签与刻度:设置显示Y轴时,您可以设置是否显示轴标签与刻度、轴标签的文本颜色以及刻度的样式等。

  • 网格线:设置显示Y轴时,您可以设置是否显示网格线以及网格线的宽度、颜色等。

Y轴

工具提示

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

image.png

图表配置项

配置项说明

展示方式

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

内容

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

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

背景色

设置背景颜色。

文本

设置提示文字样式。

效果如下:

image.png

系列设置

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

  • 请选择系列:根据业务场景选择维度或度量项。

  • 显示数据标签:设置是否显示数据标签以及数据标签的文本颜色、大小等。

  • 显示最值:显示柱图上最大值和最小值的标签。

  • 同步样式到:同步当前的条件格式到其他度量指标中。

image.png