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

目录:

1. 概述编辑

气泡图是散点图的变体,不同的是,散点图使用的是成组的 X、Y 值(二维),而气泡图使用的是成组的 X、Y、Z 值(三维),其 Z 值确定气泡的大小。

气泡图可以设置为普通/渐变色/区域段形态,效果分别如下图所示:

1.1 预期效果

1.1.1 示例一:普通形态

222

1.1.2 示例二:渐变色形态

222

1.1.3 示例三:区域段形态

222形态

1.2 实现思路

气泡图属性面板样式>图例下的形态设置项可以选择形态。

Snag_2486a2e0.png

2. 示例一:普通形态编辑

2.1 准备数据

新建普通报表,添加内置数据集 example,如下图所示:
图片.png

2.2 插入图表

1)合并一片区域单元格,插入气泡图,如下图所示:

图片.png

2.3 绑定数据

选中图表,右侧图表属性面板选择图表属性表>数据,设置如下图所示:

图片.png

2.4 设置样式

1)选中图表,选择样式>标题,设置如下图所示:

图片.png

2)选中图表,选择样式>图例,形态选择普通,位置修改为上方,如下图所示:
图片.png

3)选择样式>系列,修改配色,气泡大小和不透明度,如下图所示:
图片.png

4)选择样式>坐标轴>X轴,设置如下图所示:

图片.png

5)选择样式>坐标轴>Y轴,设置如下图所示:

图片.png

2.5 效果预览

1)PC 端

保存模板,点击分页预览,效果如下图所示:

1593316333931742.png

2)移动端

1593316522866953.jpg

3. 示例二:渐变色形态编辑

3.1 准备数据

新建普通报表,添加内置数据集 BubbleScaling ,如下图所示:

图片.png

3.2 插入图表

合并一片区域单元格,插入气泡图,如下图所示:

图片.png

3.3 绑定数据

选中图表,右侧图表属性面板选择数据,设置如下图所示:

图片.png

3.4 设置样式

1)选中图表,选择样式>标题,设置如下图所示:

图片.png

2)选中图表,点击样式>图例,形态修改为渐变色,位置靠右,如下图所示:

图片.png

3)选择样式>系列,修改配色方案、不透明度和气泡大小,如下图所示:

图片.png

4)选择样式>坐标轴>X轴,设置如下图所示:

图片.png

5)选择样式>坐标轴>Y轴,设置如下图所示:

图片.png

3.5 效果预览

1)PC 端

保存模板,点击 分页预览,效果如下图所示:

1593322947492351.png

2)移动端:

1593323171804283.jpg

4. 示例三:区域段形态编辑

4.1 准备数据

新建普通报表,添加内置数据集 BubbleScaling ,如下图所示:

图片.png

4.2 插入图表

合并一片区域单元格,插入气泡图,如下图所示:

图片.png

4.3 绑定数据

选中图表,右侧图表属性面板中选择数据,设置如下图所示:

图片.png

4.4 设置样式

1)选中图表,选择样式>标题,设置如下图所示:

图片.png

2)选中图表,点击样式>图例,设置如下图所示:

图片.png

3)选择样式>系列,修改配色方案,不透明度和气泡大小,如下图所示:

图片.png

4)选择 样式>坐标轴>X轴,设置如下图所示:

图片.png

5)选择样式>坐标轴>Y轴,设置如下图所示:

图片.png

4.5 效果预览

1)PC 端

保存模板,点击 分页预览,效果如下图所示:

1593336622947591.png

2)移动端

1593337862316441.jpg

5. 模板下载编辑

5.1 示例一

已完成模板可参考%FR_HOME%\webapps\webroot\WEB-INF\reportlets\ doc\Advanced\Chart\NewBubble\Bubble.cpt。

点击下载模板:Bubble.cpt

5.2 示例二

已完成模板可参考%FR_HOME%\webapps\webroot\WEB-INF\reportlets\ doc\Advanced\Chart\NewBubble\GradientBubble.cpt。

点击下载模板:GradientBubble.cpt

5.3 示例三

已完成模板可参考%FR_HOME%\webapps\webroot\WEB-INF\reportlets\ doc\Advanced\Chart\NewBubble\LegendRangeBubble.cpt

点击下载模板:LegendRangeBubble.cpt