气泡图

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

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

选中组件时可以对组件进行设置,包括字段设置、样式设置和交互设置,其中字段设置如下图所示:

上图中 X 轴字段为横坐标,Y 轴字段为纵坐标,气泡大小为 2010 年数据。

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

月份 2006 年 2008 年 2010 年
一月 666 700 1366
二月 400 650 1050
三月 320 590 910
四月 700 630 1330
五月 650 510 1160
六月 600 420 1020
七月 480 480 960
八月 680 620 1300
九月 690 690 1380
十月 710 300 1010
十一月 310 350 1200
十二月 360 310 1300

交互的设置如下图所示:

(1)切换组件状态

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

(2)刷新大屏数据

可开启后刷新大屏数据

(3)添加链接

可链接到 URL 或子大屏

(4)打开弹窗

绑定到弹窗分组

(5)关闭弹窗

绑定到弹窗分组

(6)切换到选项卡

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

样式的设置如下图所示:

(1)基本设置

允许演示控制:可以通过山海鲸可视化 APP(ios 系统)进行演示操作

是否显示

(2)数据颜色

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

(3)图形形状

可设置气泡半径、气泡描边宽度和气泡描边颜色、显示样式。

(4)X 轴

X 轴的设置包括:数据类型、轴线、轴刻度线、轴刻度值。

(5)Y 轴

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

(6)缩略轴

缩略轴是指 x 轴数据过多时,可以开启缩略轴,通过拖动缩略轴显示具体数值

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

缩略轴滑块的宽度可以通过属性栏内进行设置或者直接在组件上进行设置

(7)网格线

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

(8)辅助线

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

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

(9)提示信息

提示信息指的是鼠标移动到组件上时显示的信息。

设置包括数据格式、提示框样式、文字样式。

(10)排序

排序方式包括:不排序、从小到大、从大到小。

(11)图例

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

(12)内边距

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

(13)动画

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

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

(14)大小和位置

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

三维空间旋转还可以输入任意数值,数值对应角度向 X 轴/y 轴旋转。

(15)边框设置

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

(16)背景设置

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