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

散点图和气泡图

散点图主要使用散点的形式展示数据。气泡图和散点图类似,气泡图使用气泡来展示数据。

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

在画布中选择散点图或气泡图组件,单击鼠标右键选择“高级设置”,可对散点图或气泡图进行多种配置。

图1 散点图配置效果
表1 散点图和气泡图配置参数说明

参数名

说明

数据系列

对数据属性(数据的标记图形、标记的大小、标记颜色、散点图标是否设置阴影等)进行一系列配置。单击“+”可添加数据系列。当数据系列的设置数多于实际数据时,多于的数据系列不显示。展开数据系列,显示的各参数说明如下:

  • 标记的图形:散点或者气泡标记的图形。
  • 标记的大小:散点标记的大小。气泡图没有该参数且不支持改标记大小。
  • 颜色设置:支持纯色、线性渐变和径向渐变。
  • 阴影设置:设置阴影的颜色、大小、水平方向偏移距离和垂直方向偏移距离。气泡图有该参数,散点图没有。
  • 图形透明度:区间是[0,1],0代表不显示,1代表全部显示。
  • 图形上的标签/显示标签:打开“显示标签”开关后显示标签,可设置标签的颜色、位置和字体大小。
  • 图表标注和标线:控制是否显示最大值标注、最小值标注和平均值标线。

X轴设置

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

  • X轴坐标轴类型:可设置为连续数据(支持数值类型的数据)、类目轴(支持字符、字符串等类目类型的数据)、时间轴(支持日期、时间类型的数据)。
  • 坐标轴分割段数:设置坐标轴的分割段数,需要注意的是这个分割段数只是个预估值,实际显示的段数会在这个基础上根据分割后坐标轴刻度显示的易读程度作调整。
  • 最大值最小值设置/最大值、最小值:可设置坐标轴的最大值和最小值,单击“清空”恢复默认值。
  • X轴名称设置/坐标轴名称:坐标轴的名称内容。
  • X轴名称设置/字体大小:坐标轴名称的字体大小。
  • X轴名称设置/颜色:坐标轴名称的字体颜色。
  • X轴名称设置/刻度标签旋转的角度:控制刻度标签的旋转,在文字过长时可以避免重叠。
  • 轴线设置/坐标轴显示:控制是否显示坐标轴。
  • 轴线设置/轴线显示:控制是否显示轴线。
  • 轴线设置/刻度显示:控制是否显示刻度。
  • 轴线设置/线的颜色:轴线的颜色。
  • 轴线设置/刻度标签颜色:刻度标签的颜色。
  • 网格线设置/显示:是否显示轴网格线。
  • 网格线设置/线的类型:轴网格线的类型。
  • 网格线设置/颜色:轴网格线的颜色。

Y轴设置

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

  • Y轴坐标轴类型:可设置为连续数据(支持数值类型的数据)、类目轴(支持字符、字符串等类目类型的数据)、时间轴(支持日期、时间类型的数据)。
  • 最大值最小值设置/最大值、最小值:可设置坐标轴的最大值和最小值,单击“清空”恢复默认值。
  • Y轴名称设置/坐标轴名称:坐标轴的名称内容。
  • Y轴名称设置/字体大小:坐标轴名称的字体大小。
  • Y轴名称设置/颜色:坐标轴名称的字体颜色。
  • 轴线设置/坐标轴显示:控制是否显示坐标轴。
  • 轴线设置/轴线显示:控制是否显示轴线。
  • 轴线设置/刻度显示:控制是否显示刻度。
  • 轴线设置/线的颜色:轴线的颜色。
  • 轴线设置/刻度标签颜色:刻度标签的颜色。
  • 网格线设置/显示:是否显示轴网格线。
  • 网格线设置/线的类型:轴网格线的类型。
  • 网格线设置/颜色:轴网格线的颜色。

图例

图例相关配置。展开“图例”后打开“显示图例”开关,可设置如下:

  • 位置选择:图例的位置。
  • 小图标:图例的小图标形状。
  • 文本样式设置/字体大小:图例文本字体的大小。
  • 文本样式设置/文本颜色:图例文本的颜色。
  • 文本样式设置/字体系列:图例文本的字体。
  • 文本样式设置/字体粗细:图例文本字体的粗细。
  • 文本样式设置/文字风格:图例文本的文字风格。

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

视觉映射组件

该配置是气泡图特有的配置。打开“显示组件”开关,显示如下参数:

  • 组件位置/横坐标(%)、纵坐标(%):调节视觉映射组件的位置。
  • 组件宽高/宽度、高度:设置视觉映射组件的宽度和高度。
  • 组件允许范围/最小值、最大值:通过设置最大值和最小值,形成了视觉映射的定义域。
  • 图元大小范围/最小值、最大值:与组件允许范围协同控制散点图形的大小。
  • 两端的文本/顶端内容:视觉映射组件顶端内容文本。
  • 两端的文本/底部内容:视觉映射组件底部内容文本。
  • 两端的文本/文本颜色:两端的文本颜色。
  • 两端的文本/文本字体大小:文本字体大小。
  • 控制器颜色:可以设置视觉映射组件控制器的颜色。

组件标题

该组件标题设置。打开“设置标题”开关,显示的参数说明如下:

  • 内容:组件标题的文本内容。
  • 位置选择:组件标题的文本位置。
  • 背景色:标题的背景色。
  • 字体大小:组件标题的文本字体大小
  • 字体系列:组件标题的字体系列。
  • 文本颜色:组件标题的文本颜色。

图表信息

图表背景设置。

重点参数说明如下:

  • 图表背景色。
  • 边框圆角。
  • 坐标系位置:设置坐标系与组件上下左右边距距离的百分比。
分享:

    相关文档

    相关产品

close