### 柱形图是我们制作报表的时候常用的一种图形,柱形图的样式也多种多样,包含:普通柱形图、带背景柱形图、多数据对比柱形图、正负条形图、堆叠柱形图、堆叠柱形图、多数据条形柱形图。 ### **现在来看一下柱形图的使用步骤**: #### **一、添加柱形图** 点击报表编辑页面操作栏的“![](https://img.kancloud.cn/af/6d/af6dc1f52be33c7a3daf565ca7cb98b6_32x30.png)”图标,选择“柱形图 ->普通柱形图”,就可以添加一个“普通柱形图”; ![](https://img.kancloud.cn/70/20/7020e4d7787c93e878d9686f9a981855_1256x682.png) ![](https://img.kancloud.cn/24/a5/24a52028b8d84981f58e002b8498e3c0_806x27.png) #### **二、设置柱形图样式** 添加好柱形图后,**点击选中**要修改的图表,右侧操作栏,选择“样式”,可对柱形图的样式做设置; **以基础柱形图为例:** ![](https://img.kancloud.cn/6f/61/6f610eeeaf82204df0faf57b83249670_1634x871.png) ![](https://img.kancloud.cn/24/a5/24a52028b8d84981f58e002b8498e3c0_806x27.png) #### **1. 标题设置** 设置柱形图顶部标题,各个参数对应的意思如下: * 显示:设置标题的显示和隐藏; * 标题文字:标题的内容; * 字体颜色:标题的字体颜色; * 字体加粗:标题的字体粗细设置,包含加粗和加细; * 字体大小:标题字体的大小; * 标题位置:标题的位置设置,分为left、center、right; * 顶边距:标题距离顶部的距离; ![](https://img.kancloud.cn/d6/d0/d6d0dbbe8a1aa9ee0547db88c7e6b06b_1510x493.png) ![](https://img.kancloud.cn/3c/dc/3cdc333649d9d3d0d0c0c068d9ef6fd9_804x24.png) #### **2. 柱体设置** 设置柱形图的样式,各个参数对应意思如下: * 宽度:设置柱体的宽度; * 圆角:设置柱体四个角的圆滑程度; * 最小高度:设置柱体的最小高度; * 柱体颜色:设置柱体的颜色; ![](https://img.kancloud.cn/76/b4/76b4b8e84077b6b135e09b30e8e7593e_1501x534.png) ![](https://img.kancloud.cn/3c/dc/3cdc333649d9d3d0d0c0c068d9ef6fd9_804x24.png) #### **3. X轴设置** 柱形图X轴样式设置,各个参数对应的意思如下: * 显示:X轴是否显示; * X轴名称:X轴的名称;不填写,就不显示; * 分割线:X轴分割线是否显示; * 颜色设置:设置分割线的颜色;(只有分割线的开关打开,这个参数才会出现并起作用) * 字体大小:X轴字体的大小设置; * 字体颜色:X轴字体颜色设置; * 轴线颜色:分割线颜色设置; ![](https://img.kancloud.cn/bd/e4/bde4e17475ba2d89451d7743af5abaca_1350x454.png) ![](https://img.kancloud.cn/3c/dc/3cdc333649d9d3d0d0c0c068d9ef6fd9_804x24.png) #### **4.Y轴设置** 柱形图Y轴样式设置,各个参数对应的意思如下: * 显示:Y轴是否显示; * Y轴名称:Y轴的名称;不填写,就不显示; * 分割线:Y轴分割线是否显示; * 颜色设置:设置分割线的颜色;(只有分割线的开关打开,这个参数才会出现并起作用) * 字体大小:Y轴字体的大小设置; * 字体颜色:Y轴字体颜色设置; * 轴线颜色:分割线颜色设置; ![](https://img.kancloud.cn/dc/91/dc918376cedcc2c3fc8334fb60e36f95_1395x471.png) ![](https://img.kancloud.cn/3c/dc/3cdc333649d9d3d0d0c0c068d9ef6fd9_804x24.png) #### **5. 数值设置** 柱体上数值的设置,各个参数对应的意思如下: * 显示:数值是否显示; * 字体大小:数值的字体大小; * 字体颜色:数值的字体颜色; * 字体粗细:数值的字体粗细; * 字体位置:设置数值的位置,包含上方、左边、右边、下方、内部; ![](https://img.kancloud.cn/17/c3/17c3d5d3b4dbec06dbb4f3f9bb9e649e_1355x454.png) ![](https://img.kancloud.cn/3c/dc/3cdc333649d9d3d0d0c0c068d9ef6fd9_804x24.png) #### **6. 提示语设置** 柱体预览的时候,显示的提示语的样式设置,各个参数对应的意思如下: * 显示:提示语是否显示; * 字体大小:提示语的字体大小设置; * 字体颜色:提示语的字体颜色设置; ![](https://img.kancloud.cn/dd/74/dd7447da2f03bfcea8a2913b9746b538_1362x457.png) ![](https://img.kancloud.cn/3c/dc/3cdc333649d9d3d0d0c0c068d9ef6fd9_804x24.png) #### **7. 坐标轴边距** 设置柱体距离上、下、左、右左边轴的距离; ![](https://img.kancloud.cn/ea/f6/eaf6e9db0db21ae9ee371ebb4b35b9c9_1359x474.png) ![](https://img.kancloud.cn/3c/dc/3cdc333649d9d3d0d0c0c068d9ef6fd9_804x24.png) #### **8. 图例设置**(仅多数据对比柱形图、堆叠柱形图有) 柱形图例的设置,各个参数对应的意思如下: * 显示:图例是否显示; * 字体大小:图例字体的大小设置; * 字体颜色:图例字体颜色的设置; * 纵向位置:图例纵向位置设置,包含:顶部和底部。设置为顶部,表示图例在图表的顶部;设置为底部,表示图例在图表的底部。 * 横向位置:图例的横向位置设置,包含:左对齐、居中、右对齐。设置为左 对齐,表示图例在左边;设置为居中,表示图例在中间;设置为右对齐,表示图例在右边。 * 布局朝向:图例的布局朝向设置,包含横排和竖排。设置为横排,标识图例都在一排显示;设置为竖排,表示图例都在一列显示。 ![](https://img.kancloud.cn/99/ad/99ad8f5f0b34bc783fef9338f21ca551_1201x473.png) ![](https://img.kancloud.cn/3c/dc/3cdc333649d9d3d0d0c0c068d9ef6fd9_804x24.png) #### **9. 自定义颜色**(仅多数据对比柱形图、堆叠柱形图有) * 下图1中“系列”跟图例的字段一致,如系列可以为图2的“直接访问” 或 “邮件营销” 或 “联盟广告”; ![](https://img.kancloud.cn/27/25/2725bae51399b1e0dcbb3a21b86aad2c_1312x425.png) ![](https://img.kancloud.cn/b8/f8/b8f8c8c9dee87c2f081739c877fb20ed_793x28.png) ![](https://img.kancloud.cn/06/4f/064feeab4b031e23e11b38ed6e85157e_1239x488.png) ![](https://img.kancloud.cn/92/c9/92c91184854d4e1c31f964ba50e658b2_798x27.png)