反馈已提交

网络繁忙

当前为10.0版本文档,只有最新版本的文档支持在线编辑修改,如果想创建/编辑文档,请移步至 最新版帮助文档

气泡图

  • 文档创建者:文档助手1
  • 历史版本:24
  • 最近更新:Alicehyy 于 2022-06-14
  • 1. 概述

    1.1 应用场景

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

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

    效果如下图所示:

    Snag_48448184.png


    1.2 图表特点

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

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

    1.3 应用实例

    决策报表中可使用 组件复用 功能,下载安装组件后,直接替换数据即可快速复用组件样式,实现气泡图效果。

    更多气泡图组件的示例,可参见 帆软市场-组件 / 设计器→在线组件库。

    组件下载链接描述效果图
    气泡图-梦幻紫
    普通气泡图将数据使用气泡分散展示,通过气泡大小可以看出数据量大小气泡图-梦幻紫.png
    分布气泡图-未来风
    分布气泡图可以将分散的数据使用气泡在一起展示,通过气泡大小可以看出数据量大小分布气泡图-未来风.png

    2. 属性介绍

    2.1 类型

    以 单元格元素 或 悬浮元素 插入图表时,图表类型选择气泡图,如下图所示:

    Snag_29765cdb.png

    2.2 数据

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

    2.3 样式

    基础图表样式的详细介绍可以参见文档:图表样式

    气泡图的样式>系列部分设置项跟基础样式有所不同,如下图所示:

    1616405346133244.png

    • 最小直径:控制气泡的最小直径。

    • 最大直径:控制气泡的最大直径。

    • 阴影:控制是否显示气泡的阴影,默认为开启。

    • 展示负气泡:控制是否展示负气泡,默认为开启。

    2.4 特效

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

    3. 示例

    3.1 数据准备

    点击下载示例数据:2015年不同国家的人均寿命和GDP.xlsx

    新建普通报表,新建 文件数据集 ,将下载的 Excel 数据上传到模板中。

    本文示例已将模板输出为内置数据集「2015年不同国家的人均寿命和GDP」,如下图所示:

    Snag_4840ee6a.png

    3.2 图表插入

    合并一片区域单元格,点击工具栏「插入图表」按钮,选择气泡图。如下图所示:

    Snag_44a5baa2.png

    3.3 绑定数据

    选择「单元格元素>数据」,绑定图表数据如下图所示:

    注:和散点图一样,X、Y轴只能是数值型数据。

    Snag_4843d853.png

    3.4 样式设计

    1)点击属性面板「样式>标题」,输入文本「2015年不同国家的人均寿命和GDP」,位置设置为「靠左」。如下图所示:

    Snag_48458dd3.png

    2)点击属性面板「样式>图例」,取消勾选「图例可见」。如下图所示:

    Snag_4846bb28.png

    3)点击属性面板「样式>系列」,自定义配色、气泡直径等。如下图所示:
    Snag_4847804d.png

    4)点击属性面板「样式>坐标轴」,根据本例的数据自定义 X轴、Y轴 的最大最小值,以达到更好的效果。

    Snag_44b00a96.png

    5)气泡图默认的「通用提示」只有数值,展示效果不够好,这里我们设置提示为 富文本 ,在富文本编辑器中自定义输入文字即可。如下图所示:

    Snag_484a3f7c.png

    3.5 效果预览

    3.5.1 PC 端

    保存报表,点击「分页预览」,效果如下图所示:

    其中 X轴 为 GDP ,Y轴 为人均寿命,气泡面积大小表示人口。

    Snag_484d6eac.png

    3.5.2 移动端

    App 端和 HTML5 端均支持,效果如下图所示:

    Snag_48535402.png

    4. 模板下载

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

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

    附件列表


    主题: 图表应用
    已经是第一篇
    已经是最后一篇
    • 有帮助
    • 没帮助
    • 只是浏览

    售前咨询电话

    400-811-8890转1

    在线技术支持

    请前往「服务平台」,选择「在线支持」

    热线电话:400-811-8890转2

    总裁办24H投诉

    热线电话:173-1278-1526