跳到主要内容

折线图配置

折线图是我们制作报表的时候常用的一种图形，折线图的样式也多种多样，包含：普通折线图、面积堆积折线图、平滑曲线折线图、多数据对比折线图、阶梯折线图。

以普通折线图为例，现在来看一下使用步骤

1、添加折线图​

点击报表编辑页面操作栏的“”图标，选择“折线图 ->普通折线图”，就可以添加一个普通折线图；

2、设置折线图样式​

添加好折线图后，点击选中要修改的图表，右侧操作栏，选择“样式”，可对折线图的样式做设置；

（1） 标题设置​

设置折线图顶部标题，各个参数对应的意思如下：

  • 显示：标题的显隐开关；
  • 标题文字：标题的内容；
  • 字体颜色：标题的字体颜色；
  • 字体加粗：标题的字体粗细设置，包含加粗和加细；
  • 字体大小：标题字体的大小；
  • 标题位置：标题的位置设置，分为left、center、right；
  • 顶边距：标题距离顶部的距离；

（2）折线设置​

折线设置，是对折线的样式设置，各个参数的意思如下：

  • 平滑曲线：设置折线上线的平滑程度，默认是关闭的，如下图1，表示折线；开关打开，表示线设置成平滑的，如下图2；
  • 标记点：折线上标记点是否显示开关，默认是打开的；关闭开关，标记点不显示；
  • 点大小：折线上标记点的大小设置；
  • 阶梯线图：设置折线图为阶梯样式，默认是关闭的；打开开关，折线图显示为阶梯图样式，如下图3；
  • 线条宽度：设置折线线条宽度；
  • 线条颜色：设置折线线条的颜色；
  • 面积堆积：设置折线图是否面积堆积，如下图4；
  • 面积颜色：设置折线图面积堆积样式的颜色；
  • 面积透明度：设置折线图面积堆积样式透明度；

（3）X轴设置​

折线图X轴样式设置，各个参数对应的意思如下：

  • 显示：X轴是否显示；
  • X轴名称：X轴的名称；不填写，就不显示；
  • 分割线：X轴分割线是否显示；
  • 颜色设置：设置分割线的颜色；（只有分割线的开关打开，这个参数才会出现并起作用）
  • 字体大小：X轴字体的大小设置；
  • 字体颜色：X轴字体的颜色；
  • 轴线颜色：分割线颜色设置；

（4）Y轴设置​

折线图Y轴样式设置，各个参数对应的意思如下：

  • 显示：Y轴是否显示；
  • Y轴名称：Y轴的名称；不填写，就不显示；
  • 分割线：Y轴分割线是否显示；
  • 字体大小：Y轴字体的大小设置；
  • 字体颜色：Y轴字体的颜色设置；
  • 轴线颜色：分割线颜色设置；

（5） 数值设置​

折线上数值的设置，各个参数对应的意思如下：

  • 显示：数值是否显示；
  • 字体大小：数值的字体大小；
  • 字体颜色：数值的字体颜色；
  • 字体粗细：数值的字体粗细；
  • 字体位置：设置数值的位置，分为上方、下方、左方、右方、内部；

（6）提示语设置​

折线图预览的时候，显示的提示语的样式设置，各个参数对应的意思如下：

  • 显示：提示语是否显示；
  • 字体大小：提示语的字体大小设置；
  • 字体颜色：提示语的字体颜色设置；

（7）坐标轴边距​

设置折线距离上、下、左、右左边轴的距离；

（8） 图例设置（仅多数据对比折线图有）​

折线图例的设置，各个参数对应的意思如下：

  • 显示：图例是否显示；
  • 字体大小：图例字体的大小设置；
  • 字体颜色：图例字体颜色的设置；
  • 纵向位置：图例纵向位置设置，包含：顶部和底部。设置为顶部，表示图例在图表的顶部；设置为底部，表示图例在图表的底部。
  • 横向位置：图例的横向位置设置，包含：左对齐、居中、右对齐。设置为左 对齐，表示图例在左边；设置为居中，表示图例在中间；设置为右对齐，表示图例在右边。
  • 布局朝向：图例的布局朝向设置，包含横排和竖排。设置为横排，标识图例都在一排显示；设置为竖排，表示图例都在一列显示。

（9）自定义颜色（仅多数据对比折线图有）​

  • 下图1中“系列”跟图例的字断一致，如系列可以为图2的“意向” 或 “预购” 或 “成交”；