### 柱形图组件就是添加柱形图的组件。点击“![](https://img.kancloud.cn/7e/94/7e943cbae6d2a0148ea1b1fe46f2a6ca_31x31.png)”图标,再点击“柱形图”,即可创建新的图像,如图2.11; ![](https://img.kancloud.cn/45/ec/45ec27a0dc3c11a1d06326be3210fab5_1264x670.png) ![](https://img.kancloud.cn/cf/b7/cfb7b0f377e89f53b1a574b6c239c1c7_790x37.png) ## **一、组件名称设置** ### 选中该柱形图组件,在操作界面右侧的“图层名称”处可修改组件的名称,如图2.12。(名称最好要设置一下,方便后期组件管理) ![](https://img.kancloud.cn/f3/2f/f32f068f99818ea70b6e3cd5ed966166_1269x553.png) ![](https://img.kancloud.cn/33/50/3350a5529b7be5fbad3af06a0b6b3c10_801x42.png) ## **二、系统配色** ### 选中该柱形图组件,在操作界面右侧,打开“系统配色”开关,在“配色选择”下拉框中选择主题色,来修改柱形图组件的配色,如图2.13。 * ### 默认配色:效果图如图2.131; * ### 紫色主题:效果图如图2.132; * ### 绿色主题:效果图如图2.133; ![](https://img.kancloud.cn/b1/da/b1da73a17957416baf3cb7ef6559957d_1014x523.png) ![](https://img.kancloud.cn/e0/00/e0003767ddd7a1db47445cbb573521f3_797x40.png) ![](https://img.kancloud.cn/6a/32/6a32ea6a7e6fd0175ff32905d02b103f_975x243.png) ## **三、位置设置** ### 想达到图2.14中图表的效果,可如下设置: ### 选中该柱形图组件,在操作界面右侧,打开“竖展示”开关,就可实现,操作步骤如图2.15。 ![](https://img.kancloud.cn/53/7e/537eaab8c7b101f1d34d4fd63e72f364_784x465.png) ![](https://img.kancloud.cn/60/7a/607a7dfc4725853445bee9128c198d5b_799x40.png) ![](https://img.kancloud.cn/1a/30/1a3072f568bd42c19b5cccce43ddf741_1015x745.png) ![](https://img.kancloud.cn/13/61/13619b9378f302f648cb764f7d5e8483_794x40.png) ## **四、柱体设置** ### 选中该柱形图组件,在操作界面右侧的“柱体设置”处可修改设置组件的外观特点,如图2.16。 * ### 最大宽度:柱体的最大宽度,可以调节改变柱体的宽度; * ### 圆角:柱体4个角的弧度; * ### 最小高度:柱体最小不能低于的高度; ![](https://img.kancloud.cn/58/25/5825abb30bec10e6de6bd3e9c8a09c4a_987x376.png) ![](https://img.kancloud.cn/e6/26/e626cd240f47014bd85bf42c1f1ce477_802x44.png) ## **五、标题设置** ### 选中该柱形图组件,在操作界面右侧的“标题设置”处可修改柱形图组件的标题样式,如图2.17。 * ### 标题开关:该开关控制标题的显示与隐藏; * ### 标题:标题显示的内容; * ### 字体颜色:标题的颜色; * ### 字体粗细:标题字体的粗细; * ### 字体大小:标题字体大小; * ### 字体位置:标题的位置,分为:居中、左对齐、右对齐; * ### 副标题:副标题内容(如果不想显示副标题,不填写内容就不显示); * ### 字体颜色:副标题字体颜色; * ### 字体粗细:副标题字体的粗细; * ### 字体大小:副标题字体大小; ![](https://img.kancloud.cn/86/88/86888635305c4cd7aaf6d5d9498e0605_965x647.png) ![](https://img.kancloud.cn/12/90/1290c4adc9c0c9d6b3ce2c21077b4325_800x48.png) ## **六、X轴设置** ### 选中该柱形图组件,在操作界面右侧的“X轴设置”处可修改柱形图组件的X轴样式,如图2.18。 * ### 名称:X轴的名称; * ### 显示:X轴是否显示; * ### 显示网格:网格是否显示; * ### 轴线颜色:网格线颜色设置; * ### 标签间距:每个柱状图之间的距离; * ### 文字角度:X轴文字的旋转角度; * ### 轴反转:柱状图顺序左右调转; * ### 字号:X轴字体大小; ![](https://img.kancloud.cn/74/d4/74d48f30656b512bc0752db917f408a4_1029x645.png) ![](https://img.kancloud.cn/66/aa/66aadfc8213aee56405bcec7d909c22c_798x43.png) ## **七、Y轴设置** ### 选中该柱形图组件,在操作界面右侧的“Y轴设置”处可修改柱形图组件的Y轴样式,如图2.19。 * ### 名称:Y轴的名称; * ### 显示:Y轴是否显示; * ### 轴网格线:网格是否显示; * ### 轴线颜色:网格线颜色设置; * ### 轴反转:柱状图顺序上下调转;打开轴翻转开关,效果图如2.191; * ### 字号:Y轴字体大小; ![](https://img.kancloud.cn/82/ee/82ee265c15041381d81b2780b943e5d8_1055x435.png) ![](https://img.kancloud.cn/7f/e2/7fe2ec5a80af997e1b2b560abe3c0740_796x45.png) ![](https://img.kancloud.cn/93/51/9351b8e1b6e29d11dfba380e04024f4d_873x401.png) ![](https://img.kancloud.cn/9b/a9/9ba9d71ac55064a8ee754d88da71850c_793x42.png) ## **八、字体设置** ### 选中该柱形图,在操作界面右侧的“字体设置”处可修改柱体顶部文字的样式,如图2.192。 * ### 显示:数值文字是否显示; * ### 字体大小:文字的大小; * ### 字体颜色:文字的颜色; * ### 字体粗细:文字的粗细; ![](https://img.kancloud.cn/04/ec/04ec8233207ab4cd7eb9b1a54d93013a_1011x558.png) ![](https://img.kancloud.cn/01/89/0189d0fca36aa0d198bf0552ee3caf96_792x40.png) ## **九、提示语设置** ### 选中该柱形图组件,在操作界面右侧的“提示语设置”处可修改柱形图组件的提示语,如图2.193。效果图如图2.194; * ### 字体大小:提示语的字体大小; * ### 字体颜色:提示语的字体颜色; ![](https://img.kancloud.cn/59/7a/597a207c4d650a06fcc3450e02f15627_1052x480.png) ![](https://img.kancloud.cn/a0/62/a0623f43eb922963cc214f6ecdc07cab_803x43.png) ![](https://img.kancloud.cn/d4/42/d4422ac74c79fc71811ead89caa9f893_860x455.png) ![](https://img.kancloud.cn/48/d5/48d532ca4e732fa9e38e1730700dd71e_799x46.png) ## **十、坐标轴边距设置** ### 选中该柱形图组件,在操作界面右侧的“坐标轴边距设置”处可修改柱形图距离左、右、上、下的距离,如图2.195。 * ### 左边距(像素):柱形图距离左边的距离; * ### 顶边距(像素):柱形图距离顶部的距离; * ### 右边距(像素):柱形图距离右边的距离; * ### 底边距(像素):柱形图距离底部的距离; ![](https://img.kancloud.cn/dc/4e/dc4e0cc2306ad6b6cdf893fac4c07e11_1013x430.png) ![](https://img.kancloud.cn/91/b3/91b34ceb2203411ef562a4367d4f19d2_802x38.png) ## **十一、图例设置** ### 选中该柱形图组件,在操作界面右侧的“图例设置”处可设置图例的样式,如图2.196;效果图如2.197。 * ### 图例开关:是否显示图例; * ### 字体颜色:图例的字体颜色。如果要想自定义图例的颜色,需要关闭系统配色(图2.1971)和删除所有自定义配色(图2.1972)中的颜色。 * ### 图例宽度:图例的宽度; * ### 横向位置:图例的位置,分为:居中、左对齐、右对齐,如图2.1973; * ### 纵向位置:图例的位置,分为:顶部、底部,如图2.1974; * ### 布局朝向:图例的排列顺序,分为:横排和竖排,如图2.1975; * ### 字体大小:图例的字体大小; ![](https://img.kancloud.cn/dd/64/dd64966ad2d507274f36b9dfdc48d304_1021x435.png) ![](https://img.kancloud.cn/d6/33/d6337a656c32e44b7fb8f6780e2dd99c_799x42.png) ![](https://img.kancloud.cn/25/6f/256fca267cbeacde43d4b0a6a1b31955_928x430.png) ![](https://img.kancloud.cn/74/08/74085ef0f4abe7c68dcaa052dfd0f73d_801x48.png) ![](https://img.kancloud.cn/0f/dc/0fdc42e32d1e6d07b774e75d479a961c_928x342.png) ![](https://img.kancloud.cn/50/56/5056914e256ae7808a8b5c1e261b2777_803x36.png) ![](https://img.kancloud.cn/20/c1/20c114b394a8105d1e6e45afb38aa0f8_880x377.png) ![](https://img.kancloud.cn/34/4f/344f6b220310309b7b885c706b86ffb4_796x42.png) ![](https://img.kancloud.cn/3f/1c/3f1c86770e371191369e3a5a788082f5_975x225.png) ![](https://img.kancloud.cn/91/61/9161e34e5a1c859c508585dafd14cce0_791x42.png) ![](https://img.kancloud.cn/d6/f6/d6f6e740befa4285510715c90386cfb4_983x380.png) ![](https://img.kancloud.cn/93/22/9322cabc98822a435a10e6a28ec79a17_793x36.png) ![](https://img.kancloud.cn/bf/e4/bfe4e8e9b265e5ee989145dbc1020a38_974x344.png) ![](https://img.kancloud.cn/f5/56/f556c02c825bbd76ae7e2da1aa626835_806x45.png) ## **十二、自定义配色设置** ### 选中该柱形图组件,在操作界面右侧的“自定义配色设置”处可配置上边不能设置的内容,如图2.198。 * ### 文字颜色:X、Y轴字体的颜色; * ### 轴线颜色:X、Y轴轴线颜色; * ### 配色:柱体的颜色;如果开启了“系统配色”,需要先把系统配色先关掉,这样自定义的柱体颜色才起作用; ![](https://img.kancloud.cn/d3/66/d3669972f6e9f193e159fdd3bb3561a4_1037x472.png) ![](https://img.kancloud.cn/8a/7f/8a7f5c175479bfd277e775f0076efe20_800x43.png)