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

目录:

1. 概述编辑

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

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 绑定数据

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

2.4 设置样式

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


2)选中图表,选择样式>系列,颜色划分选择「系列」,修改配色方案、不透明度和气泡大小,如下图所示:
1616416937535883.png

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

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

2.5 效果预览

2.5.1 PC 端

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

1593316333931742.png

2.5.2 移动端

1593316522866953.jpg

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

3.1 准备数据

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

图片.png

3.2 插入图表

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

图片.png

3.3 绑定数据

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

3.4 设置样式

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

2)选中图表,点击样式>系列,颜色划分选择「值」,颜色类型选择「连续渐变」,修改不透明度和气泡大小,如下图所示:

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


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


3.5 效果预览

3.5.1 PC 端

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

1593322947492351.png

3.5.2 移动端

1593323171804283.jpg

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

4.1 准备数据

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

图片.png

4.2 插入图表

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

图片.png

4.3 绑定数据

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

4.4 设置样式

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


2)选中图表,点击样式>系列,颜色划分选择「值」,颜色类型选择「区域渐变」,划分阶段并设置区间数值,修改不透明度和气泡大小,如下图所示:

1616417194538246.png

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

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

4.5 效果预览

4.5.1 PC 端

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

1593336622947591.png

4.5.2 移动端

1593337862316441.jpg

5. 模板下载编辑

5.1 示例一

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

点击下载模板:Bubble.cpt

5.2 示例二

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

点击下载模板:GradientBubble.cpt

5.3 示例三

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

点击下载模板:LegendRangeBubble.cpt