历史版本13 :气泡图 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑


1.1 应用场景

气泡图(bubble chart)是可用于展示三个变量之间的关系。它与散点图类似,绘制时将一个变量放在横轴,另一个变量放在纵轴,而第三个变量则用气泡的大小来表示。

利用气泡图,显示若干数据系列中各数值之间的关系,类似XY轴,判断两变量之间是否存在某种关联,或者发现数据的分步或者聚合情况。

1.2 图表特点

优点:直观表现出影响因素和预测对象之间的总体关系趋势;能通过直观醒目的图形方式,反映变量间的形态变化关系情况,以便于来模拟变量之间的关系。

缺点:气泡图看上去比较乱,基本上只能看相关、分布和聚合,其他信息均不能很好展现。气泡图需要有足够多的数据点,并且数据之间有相关性时才能呈现很好的结果。


2. 属性介绍编辑

2.1 类型

以单元格元素或悬浮元素或者表单图表块插入气泡图后,可在右边属性面板的类型设置项下,自由选择2种子类型,如下图所示:

image.png

2.1.1 气泡图

气泡图的展示效果如下图所示:

image.png


2.1.2 力学气泡图

力学气泡图的展示效果如下图所示:

image.png




气泡图数据绑定的详细介绍可以参见文档:图表数据

2.2 数据

气泡图数据绑定的详细介绍可以参见文档:图表数据

气泡图数据绑定部分特殊配置项如下:

  • 数据来源:气泡图的数据来源,分为数据集数据、单元格数据两种。

  • 数据集:选择预先配置好的数据查询或内置数据集等内容。

  • 系列名:气泡图的类别展示。

  • x:x轴对应的数据类别的值。

  • y:y轴对应的数据类别的值。

  • 值:此处可选择无,也可选择数据集中其他字段。

  • image.png


2.3 样式

气泡图样式设计的详细介绍可以参见文档:图表样式

气泡图的样式>系列部分设置项跟基础样式有所不同,单独介绍:

  • 大数据模式:可选择开启和关闭两种,当数据量过大的时候可选择开启大数据模式。

    image.png


2.4 特效

气泡图特效设置的详细介绍可以参见文档:图表特效

3. 示例编辑

3.1 报表设计

3.1.1 数据准备

新建数据集ds1,数据库查询语句如下:

SELECT * FROM 员工信息表 limit 10

image.png

3.1.2 组件设计

以单元格元素图表为例,插入气泡图,如下图所示:

image.png

3.1.3 数据绑定

气泡图数据绑定,如下图所示:

image.png

力学气泡图数据绑定,如下图所示:

image.png


3.1.4 样式设计

1)选中图表,点击图表属性-样式>坐标轴>X 轴>值定义,自定义最小值为 0,最大值为默认, 同样 Y 轴,值定义,自定义最小值为 0,最大值为默认,如下图所示:

image.png image.png

2)点击图表属性-样式>系列>,不透明度调整为 40,最小直径为 12,最大直径为 50,如下图所示:

image.png


3.2 效果预览

1)PC 端

保存报表,点击表单预览,效果如下图所示:

image.png

2)移动端

image.png



已完成模板可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Primary\BasicChart\气泡图.frm

点击下载模板:气泡图.cpt