### **现在来看一下折柱图的使用步骤**: #### **一、添加折柱图** 点击报表编辑页面操作栏的“![](https://img.kancloud.cn/af/6d/af6dc1f52be33c7a3daf565ca7cb98b6_32x30.png)”图标,选择“折柱图 ->普通折柱图”,就可以添加一个折柱图; ![](https://img.kancloud.cn/4c/da/4cda5a3cf5b9aa45ebadd6a50ca5c832_1256x700.png) ![](https://img.kancloud.cn/24/a5/24a52028b8d84981f58e002b8498e3c0_806x27.png) #### **二、设置折柱图样式** 添加好折柱图后,**点击选中**要修改的图表,右侧操作栏,选择“样式”,可对折柱图的样式做设置; ![](https://img.kancloud.cn/f3/45/f3457acbc0ce6a9e6625f91de1ab49fc_1388x567.png) ![](https://img.kancloud.cn/24/a5/24a52028b8d84981f58e002b8498e3c0_806x27.png) #### **1. 标题设置** 设置折柱图顶部标题,各个参数对应的意思如下: * 显示:标题显隐开关; * 标题文字:标题的内容; * 字体颜色:标题的字体颜色; * 字体加粗:标题的字体粗细设置,包含加粗和加细; * 字体大小:标题字体的大小; * 标题位置:设置标题的位置,分为left、center、right; * 顶边距:标题距离顶部的距离; ![](https://img.kancloud.cn/94/9b/949b73071ed85dd84b272d28b24447aa_1364x532.png) ![](https://img.kancloud.cn/3c/dc/3cdc333649d9d3d0d0c0c068d9ef6fd9_804x24.png) #### **2. 柱体设置** 设置折线图柱体的样式,各个参数对应的意思如下: * 宽度:设置柱体的宽度; * 圆角:设置柱体的圆角; * 最小高度:设置柱体的最小高度; ![](https://img.kancloud.cn/7e/09/7e09797caa0a66a5e70dac44dbd4a1e0_1366x458.png) ![](https://img.kancloud.cn/3c/dc/3cdc333649d9d3d0d0c0c068d9ef6fd9_804x24.png) #### **3. 折线设置** 设置折线图折线的样式,各个参数对应的意思如下: * 平滑曲线:设置折线是折线还是平滑曲线,如果开关打开,为平滑曲线,开关关闭,为折线; * 标记点:标记点显示与否; * 点大小:标记点大小设置; * 阶梯线图:设置折线是否为阶梯线图,开关打开为阶梯线图;开关关闭为正常折线图; * 线条宽度:设置线条的宽度; ![](https://img.kancloud.cn/3c/13/3c135a1e934696f2e9c8ff0858667d8d_1498x604.png) ![](https://img.kancloud.cn/3c/dc/3cdc333649d9d3d0d0c0c068d9ef6fd9_804x24.png) #### **4. X轴设置** 折柱图X轴样式设置,各个参数对应的意思如下: * 显示:X轴是否显示; * X轴名称:X轴的名称;不填写,就不显示; * 分割线:X轴分割线是否显示; * 颜色设置:设置分割线的颜色;(这个只有打开分割线开关,才显示) * 字体大小:X轴字体的大小设置; * 字体颜色:X轴字体的颜色设置; * 轴线颜色:分割线颜色设置; ![](https://img.kancloud.cn/5f/3b/5f3bf7e6bbfbf37e6bcf4e107538ed5d_1370x492.png) ![](https://img.kancloud.cn/3c/dc/3cdc333649d9d3d0d0c0c068d9ef6fd9_804x24.png) #### **5. 左Y轴设置** 折柱图左侧Y轴样式设置,各个参数对应的意思如下: * 显示:左侧Y轴是否显示; * Y轴名称:左侧Y轴的名称;不填写,就不显示; * 分割线:左侧Y轴分割线是否显示; * 轴线颜色:左侧Y轴分割线颜色设置; * 字体大小:左侧Y轴字体的大小设置; * 字体颜色:左侧Y轴字体的颜色设置; * 轴线颜色:左侧Y轴分割线颜色设置; ![](https://img.kancloud.cn/50/64/50640b928c3d6286887a80a2cff9bd1b_1476x572.png) ![](https://img.kancloud.cn/3c/dc/3cdc333649d9d3d0d0c0c068d9ef6fd9_804x24.png) #### **6. 右Y轴设置** 折柱图右侧Y轴样式设置,各个参数对应的意思如下: * 显示:右侧Y轴是否显示; * Y轴名称:右侧Y轴的名称;不填写,就不显示; * 分割线:右侧Y轴分割线是否显示; * 轴线颜色:右侧Y轴分割线颜色设置; * 字体大小:右侧Y轴字体的大小设置; * 字体颜色:右侧Y轴字体的颜色设置; * 轴线颜色:右侧Y轴分割线颜色设置; ![](https://img.kancloud.cn/5a/f6/5af680a143166d55cab98dda809b7267_1507x619.png) ![](https://img.kancloud.cn/3c/dc/3cdc333649d9d3d0d0c0c068d9ef6fd9_804x24.png) #### **7. 数值设置** 折柱图上数值的设置,各个参数对应的意思如下: * 显示:数值是否显示; * 字体大小:数值的字体大小; * 字体颜色:数值的字体颜色; * 字体粗细:数值的字体粗细; ![](https://img.kancloud.cn/7b/dc/7bdc68e3a142d8ac1174ab180ab16d27_1387x629.png) ![](https://img.kancloud.cn/3c/dc/3cdc333649d9d3d0d0c0c068d9ef6fd9_804x24.png) #### **8. 提示语设置** 折柱图预览的时候,显示的提示语的样式设置,各个参数对应的意思如下: * 显示:提示语是否显示; * 字体大小:提示语的字体大小设置; * 字体颜色:提示语的字体颜色设置; ![](https://img.kancloud.cn/10/9b/109bd12822a5acef9b0bf02e5fce792f_1327x388.png) ![](https://img.kancloud.cn/3c/dc/3cdc333649d9d3d0d0c0c068d9ef6fd9_804x24.png) #### **9. 图例设置** 折柱图图例的设置,各个参数对应的意思如下: * 显示:图例是否显示; * 字体大小:图例字体的大小设置; * 字体颜色:图例字体颜色的设置; * 图例宽度:图例宽度的设置; * 纵向位置:图例纵向位置设置,包含:顶部和底部。设置为顶部,表示图例在图表的顶部;设置为底部,表示图例在图表的底部。 * 横向位置:图例的横向位置设置,包含:左对齐、居中、右对齐。设置为左 对齐,表示图例在左边;设置为居中,表示图例在中间;设置为右对齐,表示图例在右边。 * 布局朝向:图例的布局朝向设置,包含横排和竖排。设置为横排,标识图例都在一排显示;设置为竖排,表示图例都在一列显示。 ![](https://img.kancloud.cn/b4/c2/b4c262bdb3ac8b2b7b6f328605e55d64_1502x474.png) ![](https://img.kancloud.cn/3c/dc/3cdc333649d9d3d0d0c0c068d9ef6fd9_804x24.png) #### **10. 坐标轴边距** 设置折柱图距离上、下、左、右左边轴的距离; ![](https://img.kancloud.cn/c4/db/c4db08a86ffad0424ac1cca4c53aa16c_1483x468.png) ![](https://img.kancloud.cn/3c/dc/3cdc333649d9d3d0d0c0c068d9ef6fd9_804x24.png) #### **11. 自定义颜色** 配置柱体和折线的颜色; ![](https://img.kancloud.cn/88/bf/88bffc458ad979ca5f54a98f3debee4a_1501x462.png) ![](https://img.kancloud.cn/3c/dc/3cdc333649d9d3d0d0c0c068d9ef6fd9_804x24.png)