柱状图

支持通过柱状图的形式展现表格中的数据。

概念说明

属性

基础信息

• 组件名称：由字母、数字和下划线组成，用于在表达式中引用、权限上报等场景。
• 是否控制权限：可根据角色设置权限，对无权限的角色的用户隐藏该组件，设置权限前，必须先设置组件名称。
• 条件：可通过表达式设置组件显示的条件，当条件为True时显示，为False时隐藏该组件。

数据属性

数据源：数据图表的数据源，可选用List<T>或Pageof<T>类型的变量，或输出参数为List<T>或Pageof<T>类型数据的逻辑作为数据源。

维度指标

• 维度：设置维度值，即X轴。

• 指标：设置指标值，即Y轴，多个指标以逗号进行分隔。

图表基础

• 宽度：图表宽度，单位为px。
• 高度：图表高度，单位为px。
• 标题：图表主标题。
• 配色方案：可选科技、清新、淡雅、经典共4个配色方案。
• 显示标签：开启后可实时显示柱状图数值，默认开启。
• 显示提示：开启后鼠标悬停在某柱状数据时，会显示该组数据值，默认开启。
• 显示图例：开启后会给出各个指标对应的颜色，默认开启。
• 图例别名：设置图例别名，图例名称默认为“指标”，修改后即可显示为自定义的“别名”。如存在多个别名，则可将多个别名以逗号进行分隔。

坐标轴

• X轴标题：设置X轴标题，默认为维度。
• 显示X轴轴线：设置X轴轴线的显隐，默认为开启。
• 显示X轴文字标签：设置X轴文字标签的显隐，默认为开启。
• X轴文字标签方向：设置X轴文字标签方向，可选横向、纵向、左倾斜、右倾斜共4个方向，默认为横向。
• Y轴标题：设置Y轴标题，默认为指标。
• 显示Y轴轴线：设置Y轴轴线的显隐，默认为开启。
• 显示Y轴文字标签：设置Y轴文字标签的显隐，默认为开启。

字体

• 标题文字字号：设置图表主标题字号，默认为18。
• 标题文字字体风格：设置主标题文字风格，可选择正常和斜体，默认为正常。

图表功能

• 允许下载：设置是否允许用户保存图表为图片，默认开启。

工具属性

• 工具提示：设置提示内容。
• 工具提示弹出方向：设置提示的弹出方向。

工具属性实现效果如下：

事件

柱状图组件不支持设置事件。

样式

样式说明请参见组件通用说明。

常见问题

若出现X轴维度指标显示不完整的情况，有如下两种处理方式：

• 增加图表宽度，用以展示更多的横向内容。
• 将X轴文字标签方向设置为倾斜，能展示更多的文字内容。