反馈已提交

网络繁忙

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

不同形态的气泡图

  • 文档创建者:文档助手1
  • 历史版本:15
  • 最近更新:Alicehyy 于 2021-03-22
  • 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 绑定数据

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

    图片.png

    2.4 设置样式

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

    图片.png

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

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

    图片.png

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

    图片.png

    2.5 效果预览

    2.5.1 PC 端

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

    1593316333931742.png

    2.5.2 移动端

    1593316522866953.jpg

    3. 示例二:渐变色形态

    3.1 准备数据

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

    图片.png

    3.2 插入图表

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

    图片.png

    3.3 绑定数据

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

    图片.png

    3.4 设置样式

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

    图片.png

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

    1616416683572110.png

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

    图片.png

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

    图片.png

    3.5 效果预览

    3.5.1 PC 端

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

    1593322947492351.png

    3.5.2 移动端

    1593323171804283.jpg

    4. 示例三:区域段形态

    4.1 准备数据

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

    图片.png

    4.2 插入图表

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

    图片.png

    4.3 绑定数据

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

    图片.png

    4.4 设置样式

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

    图片.png

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

    1616417194538246.png

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

    图片.png

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

    图片.png

    4.5 效果预览

    4.5.1 PC 端

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

    1593336622947591.png

    4.5.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

    附件列表


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

    售前咨询电话

    400-811-8890转1

    在线技术支持

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

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

    总裁办24H投诉

    热线电话:173-1278-1526