柱图

柱图是一种常见的数据可视化方式，用于表示不同类别或组之间的数量或频率比较。它通过在坐标系中绘制垂直或水平的柱子来表示数据，每个柱子的高度或长度表示对应类别或组的数量或频率。

在左侧组件区域，从“图表控件”中，选择“柱图”组件，并拖拽至设计区，如图1所示。

图1 拖拽柱图组件到设计区并设置属性

基础配置

标题：该模块在页面呈现给用户的名称。
帮助提示：为字段添加帮助信息。设置后，标题字段后会显示。
描述信息：为字段添加附加的说明信息。
图例：指在多维度可视化图形表达中，用以区分不同维度可视化图形的提示标识。
设置图例位置：可选择“上方”、“右侧”、“下方”和“左侧”。
图2 设置图例位置为右侧
数据标签：用于描述数据的元数据。开启后默认显示在柱图顶部，可自定义设置标签位置，支持“顶部”、“中间”和“底部”三种类型。
图3 显示数据标签

X轴：开启X轴配置开关后，可设置X轴标题、标签是否显示及单行标签字符数。
- 单行标签字符数默认为6个字符，超过的字符显示省略号。
- 一个中文按2个字符计算，一个英文按1个字符计算。
图4 设置X轴
Y轴：开启Y轴配置开关后，可设置Y轴标题和标签是否显示。
- Y轴标题：输入Y轴展示的名称。
- 显示标签：标签是否显示。
- 单行标签字符数：设置单行标签字符数，默认为6个字符，超过的字符显示省略号。
  
  一个中文按2个字符计算，一个英文按1个字符计算。
- 最大值：默认根据数据大小自动调节，也可以自定义修改。
- 最小值：默认根据数据大小自动调节，也可以自定义修改。
  图5 设置Y轴

样式配置

样式：设置柱图样式，目前支持分组柱状图、堆积柱状图和百分比堆积图三种样式。
- 分组柱状图：适用于展示多个类别之间的比较和关系。
- 堆积柱状图：适用于展示多个类别或多个时间段的数据对比。
- 百分比堆积：常用于比较不同类别的占比情况。
图6 设置柱图样式
内间距：设置容器内组件与容器四边的间距，可分别配置上、下、左、右或四周。默认值为20px，范围为0~100px。
外间距：设置容器外与其他容器四边的间距，可分别配置上、下、左、右或四周。默认值为0px，范围为0~100px。
边框：
- 位置：设置边框的位置，支持配置上、下、左、右和四周。
- 宽度：设置边框的宽度。默认值为0px，范围为0~50px。
- 样式：设置边框样式，根据需求选择“无”、“圆点”、“虚线”和“实线”。
- 颜色：设置边框显示的颜色。
圆角：给元素添加圆角效果，设置圆角的大小和位置。
默认值为0px，范围为0~500px。
背景：设置组件样式的背景颜色。
阴影：
- X：X偏移，阴影相对于其源元素在水平方向（X轴）的偏移距离，取值范围[-100, 100]。
- Y：Y偏移，阴影在垂直方向（Y轴）的偏移距离，取值范围[-100, 100]。
- 模糊：阴影的模糊程度。值为0时表示阴影边缘锐利，没有模糊。值越大，阴影的边缘就越模糊，从而产生更柔和的阴影效果。取值范围[0, 100]。
- 扩散：扩散半径，它允许阴影在原始尺寸基础上向外扩散。正值会使阴影扩大，负值则会减小阴影的尺寸。取值范围[-100, 100]。
- 颜色：设置阴影的颜色。

数据配置

数据配置完成后，需单击“更新数据”，进行数据刷新。刷新数据间隔时间至少为5秒，请勿频繁单击。

数据源：下拉框中选项数据分析的数据来源。可选择应用中已创建的表单数据进行展示，创建表单详情请参见如何创建一个表单。
分析维度：选择表单中数据分析的维度，例如商品类型。可自定义排序方式及重命名。
图7 设置柱图分析维度
数据汇总指标：指每个类别的数据值，通常表示为一个百分比或一个具体的数值。
单击“添加指标”可添加多个数据汇总指标，最多可添加三个指标。
- 选择字段：选择数据分析指标字段，例如已售出数量。
  
  当分析维度选择字段为子表单字段时，数据汇总指标字段也只能从子表单中选择。
- 字段重命名：可对数据汇总指标进行重命名。
- 汇总方式：数据分析的汇总方式，支持求和、平均值、最大值、最小值、计数及去重计数。
  非数字类型组件，例如，单行文本输入，多行文本输入，单选、复选框、日期选择器、备注等，仅支持计数和去重计数的汇总方式。
  
  数学类组件，例如，数字输入框，支持求和、平均值、最大值、最小值、计数及去重计数的汇总方式。
- 排序方式：根据需求自定义排序方式，可选择默认、升序或降序。
图8 设置柱图数据汇总指标
数据筛选：设置过滤条件，筛选数据源符合条件数据信息。
图9 设置柱图数据筛选条件
是否展示辅助线：开启后可为柱图添加辅助线，有利于更好理解数据。
单击“添加辅助线”，设置辅助线属性。
- 辅助线名称：输入展示的辅助线名称。
- 辅助线类型：支持选择“最大值”、“最小值”、“平均值”和“固定值”
- 数据指标：下拉框中选择已添加的数据汇总指标。
- 显示内容：可勾选“名称”或“值”，作为辅助线的展示内容。
- 线条设置：支持选择“实线”、“虚线”和“点线”。
  同时支持自定义线条颜色，默认为蓝色。
图10 设置辅助线属性