### 柱形图组件就是添加柱形图的组件。点击“”图标,再点击“柱形图”,即可创建新的图像,如图2.11;


## **一、组件名称设置**
### 选中该柱形图组件,在操作界面右侧的“图层名称”处可修改组件的名称,如图2.12。(名称最好要设置一下,方便后期组件管理)


## **二、系统配色**
### 选中该柱形图组件,在操作界面右侧,打开“系统配色”开关,在“配色选择”下拉框中选择主题色,来修改柱形图组件的配色,如图2.13。
* ### 默认配色:效果图如图2.131;
* ### 紫色主题:效果图如图2.132;
* ### 绿色主题:效果图如图2.133;



## **三、位置设置**
### 想达到图2.14中图表的效果,可如下设置:
### 选中该柱形图组件,在操作界面右侧,打开“竖展示”开关,就可实现,操作步骤如图2.15。




## **四、柱体设置**
### 选中该柱形图组件,在操作界面右侧的“柱体设置”处可修改设置组件的外观特点,如图2.16。
* ### 最大宽度:柱体的最大宽度,可以调节改变柱体的宽度;
* ### 圆角:柱体4个角的弧度;
* ### 最小高度:柱体最小不能低于的高度;


## **五、标题设置**
### 选中该柱形图组件,在操作界面右侧的“标题设置”处可修改柱形图组件的标题样式,如图2.17。
* ### 标题开关:该开关控制标题的显示与隐藏;
* ### 标题:标题显示的内容;
* ### 字体颜色:标题的颜色;
* ### 字体粗细:标题字体的粗细;
* ### 字体大小:标题字体大小;
* ### 字体位置:标题的位置,分为:居中、左对齐、右对齐;
* ### 副标题:副标题内容(如果不想显示副标题,不填写内容就不显示);
* ### 字体颜色:副标题字体颜色;
* ### 字体粗细:副标题字体的粗细;
* ### 字体大小:副标题字体大小;


## **六、X轴设置**
### 选中该柱形图组件,在操作界面右侧的“X轴设置”处可修改柱形图组件的X轴样式,如图2.18。
* ### 名称:X轴的名称;
* ### 显示:X轴是否显示;
* ### 显示网格:网格是否显示;
* ### 轴线颜色:网格线颜色设置;
* ### 标签间距:每个柱状图之间的距离;
* ### 文字角度:X轴文字的旋转角度;
* ### 轴反转:柱状图顺序左右调转;
* ### 字号:X轴字体大小;


## **七、Y轴设置**
### 选中该柱形图组件,在操作界面右侧的“Y轴设置”处可修改柱形图组件的Y轴样式,如图2.19。
* ### 名称:Y轴的名称;
* ### 显示:Y轴是否显示;
* ### 轴网格线:网格是否显示;
* ### 轴线颜色:网格线颜色设置;
* ### 轴反转:柱状图顺序上下调转;打开轴翻转开关,效果图如2.191;
* ### 字号:Y轴字体大小;




## **八、字体设置**
### 选中该柱形图,在操作界面右侧的“字体设置”处可修改柱体顶部文字的样式,如图2.192。
* ### 显示:数值文字是否显示;
* ### 字体大小:文字的大小;
* ### 字体颜色:文字的颜色;
* ### 字体粗细:文字的粗细;


## **九、提示语设置**
### 选中该柱形图组件,在操作界面右侧的“提示语设置”处可修改柱形图组件的提示语,如图2.193。效果图如图2.194;
* ### 字体大小:提示语的字体大小;
* ### 字体颜色:提示语的字体颜色;




## **十、坐标轴边距设置**
### 选中该柱形图组件,在操作界面右侧的“坐标轴边距设置”处可修改柱形图距离左、右、上、下的距离,如图2.195。
* ### 左边距(像素):柱形图距离左边的距离;
* ### 顶边距(像素):柱形图距离顶部的距离;
* ### 右边距(像素):柱形图距离右边的距离;
* ### 底边距(像素):柱形图距离底部的距离;


## **十一、图例设置**
### 选中该柱形图组件,在操作界面右侧的“图例设置”处可设置图例的样式,如图2.196;效果图如2.197。
* ### 图例开关:是否显示图例;
* ### 字体颜色:图例的字体颜色。如果要想自定义图例的颜色,需要关闭系统配色(图2.1971)和删除所有自定义配色(图2.1972)中的颜色。
* ### 图例宽度:图例的宽度;
* ### 横向位置:图例的位置,分为:居中、左对齐、右对齐,如图2.1973;
* ### 纵向位置:图例的位置,分为:顶部、底部,如图2.1974;
* ### 布局朝向:图例的排列顺序,分为:横排和竖排,如图2.1975;
* ### 字体大小:图例的字体大小;














## **十二、自定义配色设置**
### 选中该柱形图组件,在操作界面右侧的“自定义配色设置”处可配置上边不能设置的内容,如图2.198。
* ### 文字颜色:X、Y轴字体的颜色;
* ### 轴线颜色:X、Y轴轴线颜色;
* ### 配色:柱体的颜色;如果开启了“系统配色”,需要先把系统配色先关掉,这样自定义的柱体颜色才起作用;


- 项目介绍
- 常见问题
- 集成文档
- 快速集成
- 示例Demo
- bak
- 快速集成1.0.1
- 支持系统变量
- 快速入门
- 整体页面布局介绍
- SQL数据源报表制作
- SQL数据源报表带参制作
- API数据源报表制作
- API数据源报表带参制作
- 如何从0到1创建一个大屏
- API接口数据格式适配
- 操作手册
- 报表设计器(类Excel)
- 一、基本操作步骤
- 1 登录
- 2. 创建报表
- 3. 编辑报表
- 4. 背景设置
- 5. 复制、粘贴、剪切
- 6. 行操作
- 7. 添加数据源
- 8. 添加数据集
- 8.1 SQL数据集配置
- 8.2 API数据集配置
- 8.3 单数据集配置
- 8.4 多数据集配置
- 9. 插入数据
- 10. 数据格式化设置
- 11. 数据字典配置
- 12. 导入报表
- 13. 导出报表
- 14. 分页设置
- 15. 将报表集成到自己的系统中
- 二、打印设计器
- 1. 打印区域设置
- 2. 打印清晰度设置
- 3. 打印
- 4. 打印机样式设置
- 5. 套打怎样设置
- 6. 带背景打印
- 7.打印规则说明【重点】
- 三、数据报表设计器
- 1. 分组
- 1.1 横向分组
- 1.2 纵向分组
- 1.3 循环表头分组
- 1.4 分组小计
- 2. 表达式
- 3.查询条件
- 3.1 API查询条件配置
- 3.2API查询条件为时间
- 4.条形码/二维码
- 5.交叉报表
- 6、明细表
- 四、图表设计器
- 1. 基本配置
- 1.1 图表背景设置
- 1.2 图表动态刷新
- 2. 柱形图配置
- 数据源配置
- a)单数据源配置
- b)多数据源配置
- 3. 折线图配置
- 数据源配置
- a)单数据源配置
- b)多数据源配置
- 4. 饼图配置
- 数据源配置
- 5. 折柱图配置
- 数据源配置
- 6. 散点图配置
- 6.1 普通散点图数据源配置
- 6.2 气泡散点图数据源配置
- 7. 漏斗图配置
- 数据源配置
- 8. 象形图配置
- 数据源配置
- 9. 地图配置
- 地图区配置
- 数据源配置
- 10. 仪表盘配置
- 数据源配置
- 11. 雷达图配置
- 数据源配置
- 12. 关系图配置
- 数据源
- 五、系统集成
- 连接池参数配置
- 大屏设计器
- 一、基础操作
- 1. 登录
- 2. 新建大屏
- 3.修改大屏
- 4. 预览、保存
- 5. 画布介绍
- 6. 添加组件
- 7. 调整组件的图层和位置
- 8. 其他操作
- 9. 将大屏集成到自己系统中
- 二、组件使用说明
- 1 背景配置
- 2 图表类组件
- 2.1 柱形图组件
- 数据源配置
- 2.2 折线图组件
- 数据源配置
- 2.3 饼图组件
- 数据源配置
- 2.4 环形图组件
- 数据源配置
- 2.5 象形图组件
- 数据源配置
- 2.6 雷达图组件
- 数据源配置
- 2.7 散点图组件
- 数据源配置
- 2.8 漏斗图组件
- 数据源配置
- 2.9 折柱图
- 数据源配置
- 3 文本类组件
- 3.1 文本框组件
- 3.2 跑马灯组件
- 3.3 超链接组件
- 3.4 实时时间组件
- 4 图片类组件
- 4.1 图片组件
- 数据源配置
- 4.2 图片框组件
- 4.3 轮播图组件
- 数据源配置
- 4.4 滑动组件
- 数据源配置
- 4.5 iframe组件
- 数据源配置
- 4.6 video组件
- 数据源配置
- 5 指标类组件
- 5.1 翻牌器组件
- 数据源配置
- 5.2 仪盘表组件
- 数据源配置
- 5.3 字符云组件
- 数据源配置
- 5.4 进度条组件
- 6 表格类组件
- 6.1 表格组件
- 数据源配置
- 6.2 选项卡组件
- 数据源配置
- 7 地图类组件
- 7.1 地图组件
- 数据源配置
- 7.2 地理位置坐标图
- 数据源配置
- 7.3 城市派件地图
- 数据源配置
- 7.4 物流地图
- 数据源配置
- 8 万能组件
- 8.1 堆叠条形图
- 8.2 正负条形图
- 8.3 双向对比柱形图
- 8.4 圆形柱形图
- 8.5 嵌套饼图
- 8.6 矩形树图
- 8.7 k线图
- 三、系统集成
- 大屏访问Token安全方案
- 视频教程