### 折线图是我们制作报表的时候常用的一种图形,折线图的样式也多种多样,包含:普通折线图、面积堆积折线图、平滑曲线折线图、多数据对比折线图、阶梯折线图。 ### **现在来看一下折线图的使用步骤**: ![](https://img.kancloud.cn/3c/dc/3cdc333649d9d3d0d0c0c068d9ef6fd9_804x24.png) ### **以普通折线图为例** #### **一、添加折线图** 点击报表编辑页面操作栏的“![](https://img.kancloud.cn/af/6d/af6dc1f52be33c7a3daf565ca7cb98b6_32x30.png)”图标,选择“折线图 ->普通折线图”,就可以添加一个普通折线图; ![](https://img.kancloud.cn/00/23/002313ff2b849b45bebe648247dd4be0_1243x666.png) #### **二、设置折线图样式** 添加好折线图后,**点击选中**要修改的图表,右侧操作栏,选择“样式”,可对折线图的样式做设置; #### **1. 标题设置** 设置折线图顶部标题,各个参数对应的意思如下: * 显示:标题的显隐开关; * 标题文字:标题的内容; * 字体颜色:标题的字体颜色; * 字体加粗:标题的字体粗细设置,包含加粗和加细; * 字体大小:标题字体的大小; * 标题位置:标题的位置设置,分为left、center、right; * 顶边距:标题距离顶部的距离; ![](https://img.kancloud.cn/8f/19/8f197ec2b61f76524f7221c59489f83d_1396x517.png) ![](https://img.kancloud.cn/3c/dc/3cdc333649d9d3d0d0c0c068d9ef6fd9_804x24.png) #### **2. 折线设置** 折线设置,是对折线的样式设置,各个参数的意思如下: * 平滑曲线:设置折线上线的平滑程度,默认是关闭的,如下图1,表示折线;开关打开,表示线设置成平滑的,如下图2; * 标记点:折线上标记点是否显示开关,默认是打开的;关闭开关,标记点不显示; * 点大小:折线上标记点的大小设置; * 阶梯线图:设置折线图为阶梯样式,默认是关闭的;打开开关,折线图显示为阶梯图样式,如下图3; * 线条宽度:设置折线线条宽度; * 线条颜色:设置折线线条的颜色; * 面积堆积:设置折线图是否面积堆积,如下图4; * 面积颜色:设置折线图面积堆积样式的颜色; * 面积透明度:设置折线图面积堆积样式透明度; ![](https://img.kancloud.cn/ff/1c/ff1c131ac83b1281bc696eb277910329_991x643.png) ![](https://img.kancloud.cn/3c/dc/3cdc333649d9d3d0d0c0c068d9ef6fd9_804x24.png) #### **3. X轴设置** 折线图X轴样式设置,各个参数对应的意思如下: * 显示:X轴是否显示; * X轴名称:X轴的名称;不填写,就不显示; * 分割线:X轴分割线是否显示; * 颜色设置:设置分割线的颜色;(只有分割线的开关打开,这个参数才会出现并起作用) * 字体大小:X轴字体的大小设置; * 字体颜色:X轴字体的颜色; * 轴线颜色:分割线颜色设置; ![](https://img.kancloud.cn/70/59/7059853800aa8038582609bd36518dea_1316x456.png) ![](https://img.kancloud.cn/3c/dc/3cdc333649d9d3d0d0c0c068d9ef6fd9_804x24.png) #### **4.Y轴设置** 折线图Y轴样式设置,各个参数对应的意思如下: * 显示:Y轴是否显示; * Y轴名称:Y轴的名称;不填写,就不显示; * 分割线:Y轴分割线是否显示; * 字体大小:Y轴字体的大小设置; * 字体颜色:Y轴字体的颜色设置; * 轴线颜色:分割线颜色设置; ![](https://img.kancloud.cn/c4/40/c440f004fd8afc5c2a0b7d8ec34392af_1316x440.png) ![](https://img.kancloud.cn/3c/dc/3cdc333649d9d3d0d0c0c068d9ef6fd9_804x24.png) #### **5. 数值设置** 折线上数值的设置,各个参数对应的意思如下: * 显示:数值是否显示; * 字体大小:数值的字体大小; * 字体颜色:数值的字体颜色; * 字体粗细:数值的字体粗细; * 字体位置:设置数值的位置,分为上方、下方、左方、右方、内部; ![](https://img.kancloud.cn/eb/83/eb839c9e4a57beb1ea6c676a28ad8820_1322x447.png) ![](https://img.kancloud.cn/3c/dc/3cdc333649d9d3d0d0c0c068d9ef6fd9_804x24.png) #### **6. 提示语设置** 折线图预览的时候,显示的提示语的样式设置,各个参数对应的意思如下: * 显示:提示语是否显示; * 字体大小:提示语的字体大小设置; * 字体颜色:提示语的字体颜色设置; ![](https://img.kancloud.cn/e9/81/e981405757fbdf167dd9f4206a392879_1319x442.png) ![](https://img.kancloud.cn/3c/dc/3cdc333649d9d3d0d0c0c068d9ef6fd9_804x24.png) #### **7. 坐标轴边距** 设置折线距离上、下、左、右左边轴的距离; ![](https://img.kancloud.cn/32/1b/321bc45be4a1b13510f62176c3330c98_1252x454.png) ![](https://img.kancloud.cn/3c/dc/3cdc333649d9d3d0d0c0c068d9ef6fd9_804x24.png) #### **8. 图例设置**(仅多数据对比折线图有) 折线图例的设置,各个参数对应的意思如下: * 显示:图例是否显示; * 字体大小:图例字体的大小设置; * 字体颜色:图例字体颜色的设置; * 纵向位置:图例纵向位置设置,包含:顶部和底部。设置为顶部,表示图例在图表的顶部;设置为底部,表示图例在图表的底部。 * 横向位置:图例的横向位置设置,包含:左对齐、居中、右对齐。设置为左 对齐,表示图例在左边;设置为居中,表示图例在中间;设置为右对齐,表示图例在右边。 * 布局朝向:图例的布局朝向设置,包含横排和竖排。设置为横排,标识图例都在一排显示;设置为竖排,表示图例都在一列显示。 ![](https://img.kancloud.cn/76/e8/76e8aa79caa05eb594f9046b7717828c_1189x451.png) ![](https://img.kancloud.cn/3c/dc/3cdc333649d9d3d0d0c0c068d9ef6fd9_804x24.png) #### **9. 自定义颜色**(仅多数据对比折线图有) * 下图1中“系列”跟图例的字断一致,如系列可以为图2的“意向” 或 “预购” 或 “成交”; ![](https://img.kancloud.cn/6e/19/6e19c6e3caa1de4631b1791adf0c15eb_1464x644.png) ![](https://img.kancloud.cn/b8/f8/b8f8c8c9dee87c2f081739c877fb20ed_793x28.png) ![](https://img.kancloud.cn/6a/67/6a6719e52914c9a2d01d325d50a4ffdf_1208x457.png) ![](https://img.kancloud.cn/92/c9/92c91184854d4e1c31f964ba50e658b2_798x27.png)