反馈已提交

网络繁忙

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

散点图

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

    1.1 应用场景

    散点图又称散点分布图,是因变量随自变量而变化的大致趋势图。数据点是在直角坐标系平面上,以一个变量为横坐标,另一变量为纵坐标,利用散点(坐标点)的分布形态反映变量统计关系的一种图形。

    散点图通常用于显示和比较数值,所以散点图的分类轴与值轴都是数值,例如科学数据、统计数据和工程数据。当在不考虑时间的情况下,比较大量数据点时,建议使用散点图。

    散点图中包含的数据越多,比较的效果就越好。如下图所示:

    Snag_492c7806.png

    1.2 图表特点

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

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

    1.3 应用实例

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

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

    组件下载链接描述效果图
    散点图-科技风
    散点图显示变量之间的相互影响程度,通常用于观察数据的分布情况,进而推断出变量之间的相关性散点图-科技风.png
    波士顿矩阵分析-科技风

    1)据点根据X轴和Y轴的指标被分割在四个象限里面,每个象限里面的数据点代表一种类型

    2)可以根据不同类型制定相应的营销策略

    波士顿矩阵分析-科技风.png

    2. 属性介绍

    图表通用属性介绍请参考文档:数据样式特效本文仅介绍散点图特有属性。

    2.1 数据

    散点图数据绑定部分特殊配置项如下:

    • 系列名:散点图的类别展示。

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

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

    • 值:此处可选择无,也可选择数据集中其他字段(但值在散点图中无明显意义,若要加入值变量,建议使用 气泡图 )。

    注:散点图 XY轴 仅支持数值类型,如果横轴是分类或时间类型,可以选择组合图,单独使用其中的散点图。

    Snag_487fb0e2.png

    2.2 样式

    散点图的「样式>系列」部分设置项如下图所示:

    Snag_492578f2.png

    1)线:设置线型后,可以将同一系列的散点连接起来

    2)标记点:可设置点样式、填充颜色和半径。标记点类型默认为「常规>自动」,也可以上传自定义图片用于标记点。

    注:标记点类型为「自动」时会按照系列顺序依次使用内置的八种不同标记点。

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

    4)趋势线:当选择了「线型」之后,会出现趋势线的一系列配置项。

    • 趋势线-名称:配置散点图趋势线的名称。

    • 趋势线-线型:选择趋势线线型,线型为无时不会显示下面几个设置项。

    • 趋势线-颜色:配置趋势线的颜色。

    • 趋势线-类型:配置趋势线为指数拟合、线性拟合、对数拟合、多项式拟合四种。

    • 趋势线-预测:配置趋势线前推和后推的周期。

    3. 示例

    3.1 数据准备

    点击下载示例数据:男女身高体重统计.xlsx

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

    本文示例已将模板输出为内置数据集「男女身高体重统计」,如下图所示:

    Snag_491fc6c1.png

    3.2 插入图表

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

    Snag_49198bd8.png

    3.3 设计散点图

    3.3.1 绑定数据

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

    Snag_4921022f.png

    3.3.2 样式设计

    1)点击属性面板「样式>标题」,输入文本「男女身高体重数据分布」,位置设置为「靠左」。如下图所示:

    Snag_4923d266.png

    2)点击属性面板「样式>系列」,自定义配色、不透明度、点样式、点半径等等。如下图所示:

    Snag_493020f9.png

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

    Snag_49327b25.png

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

    2022-06-14_10-18-30.png

    3.4 效果预览

    3.4.1 PC 端

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

    Snag_49392841.png

    3.4.2 移动端

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

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