气泡图2

气泡图通常用于比较和展示不同类别圆点（这里我们称为气泡）之间的关系，通过气泡的位置以及面积大小。从整体上看，气泡图可用于分析数据之间的相关性。
​

该组件在软件中的位置如下图所示：

选中组件时可以对组件进行设置，包括数据设置、样式设置和交互设置，其中数据设置如下图所示：

上图中 X 轴字段为横坐标，Y 轴字段为纵坐标。
​

上图中所用示例数据如下：

名称	取值	图片地址
Internet Explorer	80	https://gw.alipayobjects.com/zos/rmsportal/eOYRaLPOmkieVvjyjTzM.png
Chrome	200	https://gw.alipayobjects.com/zos/rmsportal/dWJWRLWfpOEbwCyxmZwu.png
Firefox	35	https://gw.alipayobjects.com/zos/rmsportal/ZEPeDluKmAoTioCABBTc.png

交互的设置如下图所示：

（1）切换组件状态
​

可选择组件绑定状态
点击加号进行增加和批量设置
​

（2）刷新大屏数据
​

可开启后刷新大屏数据
​

（3）添加链接
​

可链接到 URL 或子大屏
​

（4）打开弹窗
​

绑定到弹窗分组
​

（5）关闭弹窗
​

绑定到弹窗分组
​

（6）切换到选项卡
​

可选择切换到选项卡组以及其中的第几项
点击加号增加和批量设置
​

样式的设置如下图所示：

（1）基本设置
​

包括：允许演示控制和是否显示
​

（2）数据颜色
​

每一个数据字段对应的气泡组的颜色
​

（3）图形形状
​

包括：图形缩放倍数可选自动或自定义、显示线和显示样式。
​

（4）X 轴
​

X 轴的设置包括：数据分类（分类、连续数值、时间）、轴线、轴刻度线、轴刻度值。
​

（5）Y 轴
​

Y 轴的设置包括：轴线、轴刻度线、轴刻度值、显示单位。
​

（6）缩略轴
​

缩略轴的设置包括：缩略轴高度、曲线光滑、显示面积图、缩略轴文字颜色、缩略轴前景颜色、缩略轴背景颜色、缩略轴滑块。
​

（7）网格线
​

网格线的设置包括：X 轴和 Y 轴的网格线设置
​

（8）辅助线
​

辅助线的设置包括：线条位置、线条类型、线条颜色和线条宽度
​

当线条类型为虚线时，可以设置 Y 轴的虚线宽度
​

（9）提示信息
​

提示信息指的是鼠标移动到组件上时显示的信息。
设置数据格式和提示框样式、文字样式
​

（10）排序
​

可以设置排序方式
​

（11）图形文本
​

图形文本是将每个子条形的数值显示在图形上面。
​

图形文本的设置包括：显示数值、显示外部名称、文本位置、文本于图形的间距、名称样式、数值样式。
​

（12）图例
​

图例的设置包括图例位置、文字颜色和文字大小。
​

（13）内边距
​

内边距可以设置组件中心距离上下左右边框各自的位置，单位为 px。
​

（14）动画
​

动画效果可以对入场动画、展示动画和离场动画进行设置。
​

需要注意的是，未开启循环播放时，动画只在启动全屏时播放一次，开启循环播放之后才会按照间隔时间循环播放动画。
​

（15）大小和位置
​

通常我们可以通过直接点击和拖动组件来设置大小和位置，在这里也可以通过直接输入 X 坐标、Y 坐标、宽和高来设置。
​

（16）边框设置
​

边框的设置包括：边框颜色、边框宽度和边框样式。
​

（17）背景设置
​

组件默认没有背景颜色，如果需要设置背景颜色，可以在这里进行设置，也可以将背景设置为一张图片、视频。
​