### 折线图组件就是添加折线图的组件。点击“![](https://img.kancloud.cn/7e/94/7e943cbae6d2a0148ea1b1fe46f2a6ca_31x31.png)”图标,再点击“折柱图”,即可创建新的图像,如图2.91; ![](https://img.kancloud.cn/72/75/72753d593c87042910a643e0e65633d7_1162x723.png) ![](https://img.kancloud.cn/0e/5d/0e5d839e361be50809579664f4ebd62e_797x36.png) ## **一、组件名称设置** ### 选中折柱图组件,在操作界面右侧的“图层名称”处可修改组件的名称,如图2.92。(名称最好要设置一下,方便后期组件管理) ![](https://img.kancloud.cn/50/e2/50e229c3d8c44a4f57c85972ff16ccdb_1317x740.png) ![](https://img.kancloud.cn/27/ac/27ac8f7a1bfc87956d76894ac5822b77_806x40.png) ## **二、折线设置** ### 选中该折柱图组件,在操作界面右侧的“折线设置”处可修改设置组件折线样式,如图2.93。 * ### 标记点:设置折线图上是否有标记点,默认有标记点;(关闭标记点开关,效果图如图2.931;打开标记点开关,效果图如图2.932) * ### 平滑曲面开关:设置折线图是平滑曲面还是折线,默认是平滑曲面;(关闭平滑曲面开关,效果图如图2.933;打开平滑曲面开关,如图2.934) * ### 线条宽度:设置线条的宽度; * ### 链接:点击跳转到的新页面地址; ![](https://img.kancloud.cn/8e/65/8e65bb662053a436a0bad5a4a3eb687b_1256x577.png) ![](https://img.kancloud.cn/d7/26/d726d4da4b5950aa716b82ac4fce7271_798x51.png) ![](https://img.kancloud.cn/b1/72/b172bba79eed7c5ca386ed8f4c3d6073_978x389.png) ![](https://img.kancloud.cn/89/3b/893b74623e6c0bc19ed146b652c5c0b2_989x418.png) ## **三、柱体设置** ### 选中该折柱图组件,在操作界面右侧的“柱体设置”处可修改设置组件柱体样式,如图2.94。 * ### 最大宽度:柱体的最大宽度,可以调节改变柱体的宽度; * ### 圆角:柱体4个角的弧度; * ### 最小高度:柱体最小不能低于的高度; ![](https://img.kancloud.cn/40/81/408166dc67d2b0599d11f0a77bcea543_984x437.png) ![](https://img.kancloud.cn/fc/e7/fce765eca5f588b1e12f04002109c9b8_796x42.png) ## **四、标题设置** ### 选中该折线图组件,在操作界面右侧的“标题设置”处可修改折柱图组件的标题样式,如图2.95。 * ### 标题开关:该开关控制标题的显示与隐藏; * ### 标题:标题显示的内容; * ### 字体颜色:标题的颜色; * ### 字体粗细:标题字体的粗细; * ### 字体大小:标题字体大小; * ### 字体位置:标题的位置,分为:居中、左对齐、右对齐; * ### 副标题:副标题内容; * ### 字体颜色:副标题字体颜色; * ### 字体粗细:副标题字体的粗细; * ### 字体大小:副标题字体大小; ![](https://img.kancloud.cn/b8/f5/b8f5d25539d263f3a00391661a0c351e_939x635.png) ![](https://img.kancloud.cn/68/59/685976a05b7f954e225cb9b39d56f7cc_800x38.png) ## **五、X轴设置** ### 选中该折柱图组件,在操作界面右侧的“X轴设置”处可修改折柱图组件的X轴样式,如图2.96。 * ### 名称:X轴的名称; * ### 显示:X轴是否显示; * ### 显示网格:网格是否显示;(打开显示网格线开关,效果图如图2.961) * ### 轴线颜色:设置网格线的颜色; * ### 标签间距:每个类型之间的距离; * ### 文字角度:X轴文字的旋转角度;(调整文字角度,效果图如图2.962) * ### 轴反转:折线图顺序左右调转;(效果图如图2.963) * ### 字号:X轴字体大小; ![](https://img.kancloud.cn/31/1e/311edbde4052ab19cda51e496ec96056_941x544.png) ![](https://img.kancloud.cn/d5/24/d5246a3f50de3446192ba49d7b736b6a_799x44.png) ![](https://img.kancloud.cn/7c/eb/7ceb208d83f9ea2238c6fb3b28a12fe6_976x350.png) ## **六、Y轴设置** ### 选中该折线图组件,在操作界面右侧的“Y轴设置”处可修改折线图组件的Y轴样式,如图2.97。 * ### 名称:Y轴的名称; * ### 显示:Y轴是否显示; * ### 轴网格线:网格是否显示; * ### 轴线颜色:网格线颜色设置; * ### 轴反转:折线图顺序上下调转; * ### 字号:Y轴字体大小; ![](https://img.kancloud.cn/5c/f2/5cf27ad7a03ea783b7e97a80b31271cd_977x429.png) ![](https://img.kancloud.cn/b3/ef/b3efb9d9f37e5fa84e00480da1258aec_800x43.png) ## **七、提示语设置** ### 选中该折柱图组件,在操作界面右侧的“提示语设置”处可修改折柱图组件的提示语,如图2.98;效果图如图2.981; * ### 字体大小:提示语的字体大小; * ### 字体颜色:提示语的字体颜色; ![](https://img.kancloud.cn/1b/9a/1b9aab70ceb01dccfc0b43b24070b02b_966x443.png) ![](https://img.kancloud.cn/74/3a/743aaecfe96bccb03c87b2b16fc461bf_802x39.png) ![](https://img.kancloud.cn/9a/64/9a64671c9258baf08ce5974528f4a6e8_807x613.png) ![](https://img.kancloud.cn/b0/f7/b0f73cb34c1e11cf0db638e9e1af1838_800x39.png) ## **八、坐标轴边距设置** ### 选中该折柱图组件,在操作界面右侧的“坐标轴边距设置”处可修改折柱图距离左、右、上、下的距离,如图2.99。 * ### 左边距(像素):折线图距离左边的距离; * ### 顶边距(像素):折线图距离顶部的距离; * ### 右边距(像素):折线图距离右边的距离; * ### 底边距(像素):折线图距离底部的距离; ![](https://img.kancloud.cn/84/27/8427f5d90694a7b2ed332fb33d5edb40_949x391.png) ![](https://img.kancloud.cn/bc/c8/bcc8aa33d2ff514eb75b504797765644_800x39.png) ## **九、图例设置** ### 选中该折线图组件,在操作界面右侧的“图例设置”处可设置图例的样式,如图2.991;效果图如图2.992。 * ### 图例开关:是否显示图例; * ### 字体颜色:图例的字体颜色。如果要想自定义图例的颜色,需要删除所有自定义配色(图2.993)中的颜色。 * ### 图例宽度:图例的宽度; * ### 横向位置:图例的位置,分为:居中、左对齐、右对齐,如图2.9994; * ### 纵向位置:图例的位置,分为:顶部、底部,如图2.995; * ### 布局朝向:图例的排列顺序,分为:横排和竖排,如图2.996; * ### 字体大小:图例的字体大小; ![](https://img.kancloud.cn/dc/1c/dc1cd89c46799c99e2da62221c6d3823_959x475.png) ![](https://img.kancloud.cn/fa/bb/fabbbc36f7cc315b592a10bccddde361_798x49.png) ![](https://img.kancloud.cn/45/07/4507374695acdb2dd2f70a56f1304cc2_729x507.png) ![](https://img.kancloud.cn/a4/ea/a4ea649814aad0ad4c62806f38df9c06_798x38.png) ![](https://img.kancloud.cn/f0/dd/f0ddedd1844c5a0ed28916090d674a4b_417x468.png) ![](https://img.kancloud.cn/c3/3a/c33af5223e5fc34c8d296e647606115d_804x42.png) ![](https://img.kancloud.cn/05/73/057377653c57314ab4a6541ac379d740_981x312.png) ![](https://img.kancloud.cn/1c/b9/1cb9073a594e24f05ea2b73ea059c54e_799x45.png) ![](https://img.kancloud.cn/2b/cd/2bcd4a5c73e48146517b309ee23b3e68_978x483.png) ![](https://img.kancloud.cn/a5/d1/a5d1150e48d3f92b368fcfbf6938409f_798x32.png) ![](https://img.kancloud.cn/4b/61/4b61eb712977a191387a8a27a4f301ae_976x452.png) ![](https://img.kancloud.cn/3a/f3/3af37f4db0759ce86eadcd1331a257e0_793x35.png) ## **十、自定义配色设置** ### 选中该折柱图组件,在操作界面右侧的“自定义配色设置”处可配置上边不能设置的内容,如图2.997。 * ### 文字颜色:X、Y轴字体的颜色; * ### 轴线颜色:X、Y轴轴线颜色; ![](https://img.kancloud.cn/a6/1a/a61a525f6f746a5e92e6593b058c35b9_1099x497.png) ![](https://img.kancloud.cn/1a/b7/1ab754a6696cd0116edca8295a68fc20_804x39.png)