更新时间:2022-04-26 GMT+08:00
分享

基本折线图

折线图组件,实现折线图图表统计。基本折线图是折线图的一种,本文介绍基本折线图各配置项的含义。

在设计页面左上方单击,从“图表 > 线状图”中拖出基本折线图至设计页面右侧空白处。在页面中,单击选中该组件,会在右侧显示该组件的属性配置面板。参数说明请参考预置组件及公共属性说明

该组件主要实现折线图图表统计,选择该组件,单击鼠标右键选择“高级设置”,可对折线图进行多种配置。

图1 基本折线图效果图
表1 基本折线图配置参数说明

参数名

说明

参考配色模板

系统提供了三种可选基本折线图模板,点击即可切换样式。可选择某一模板重置,也可通过设置各配置项得到想要的效果。

数据系列

对每个数据系列(折线颜色、折线宽度、折线透明度、拐点颜色,区域颜色、最大值最小值标注和平均值标线等)进行一系列配置。数据系列配置可参考数据系列配置。单击“+”可添加数据系列。展开数据系列,显示的各参数说明如下:

  • 线条颜色:选项为“单色”或“渐变色”。选择颜色可改变线条的颜色。
  • 折线宽度:折线的宽度。
  • 折线不透明度:折线的不透明度设置,取值为“0”时折线全透明(即隐藏),“100”为全部显示。
  • 折线平滑显示:折线是否平滑显示。
  • 拐点颜色:折线上圆拐点的颜色。
  • 拐点大小:折线上圆拐点的大小。
  • 拐点不透明度:折线上圆拐点的不透明度设置,取值为“0”时全透明(即隐藏),“100”为全部显示。
  • 区域颜色:具体数据系列下区域的颜色。
  • 数据显示:折线旁是否显示数值,开启后还可数值颜色。
  • 最大值:是否显示该数据系列数值的最大值。
  • 最小值:是否显示该数据系列数值的最小值。
  • 平均值:是否显示该数据系列数值的平均值。

X轴

X轴配置,展开后,显示的各参数说明如下:

  • X轴标题:X轴标题设置。打开“显示X轴标题”开关,还可设置X轴标题的文本内容、文本颜色、文字大小、标题与轴间距。
  • 轴线设置:包括是否显示轴线、是否显示刻度、轴线颜色及轴文本颜色设置。
  • 网格线:是否显示轴网格线、轴网格线的类型和颜色设置。
  • 柱外间距:是否显示柱外间距。
  • 标签展示:字数过多是否换行及字数过多是否省略。X轴标签取值来源于数据模型中“dataX”字段取值。
  • 刻度标签间隔:刻度标签是否间隔展示,关闭后显示所有标签。
  • 刻度标签旋转的角度:刻度标签旋转角度设置。

Y轴

Y轴配置,展开后,显示的各参数说明如下:

  • Y轴标题:Y轴标题设置。打开“显示Y轴标题”开关,还可设置X轴标题的文本内容、文本颜色、文字大小、标题与轴间距。
  • 坐标轴最小间隔大小:坐标轴最小间隔大小,例如间隔500,则Y轴就是0、500、1000、1500依次间隔500进行分隔。
  • 轴线设置:包括是否显示轴线、是否显示刻度、轴线颜色及轴文本颜色设置。
  • 柱形阴影:是否显示柱形阴影、阴影颜色及是否显示数据。
  • 网格线:是否显示轴网格线、轴网格线的类型和颜色设置。
  • 阈值线设置:打开“开启阈值线”后,可设置阈值数量和阈值。

标题

该组件标题设置。展开“标题”后打开“设置标题”开关,可设置标题的文本内容、文本位置、背景色、文本颜色、文本大小。

图例

图例相关配置。展开“图例”后打开“显示图例”开关,可设置图例小图标、图例左侧边距、图例上侧边距。

图例文字内容来源于数据模型“dataValue”中“title”取值。

公共配置

公共配置项:

  • 显示总量:打开后,会显示数据总量。
  • 图内文字大小:控制图内文字(包括数值文字、刻度标签文字、图例文字、鼠标放在某处显示的ToolTip提示框中文字)字体的大小。

图表背景

图表背景设置。展开后可设置背景的颜色、四边圆角(取值为“0”时为直角,“100”为圆角)。

分享:

    相关文档

    相关产品

close