数据可视化图表之——气泡图

气泡图是一种非常实用的多变量数据可视化图表，它通过气泡的大小来传递第三个维度的信息，让复杂的数据关系一目了然。

特点：

• 展示三个变量的关系。
• 呈现复杂的多维数据关系。
• 强调数据点之间的比较和相关性。

气泡图样式配置

在JVS-智能BI中，提供了这些混合图图表组件。今天我详细说一下具体是如何配置的。

进入到可视化图表设计中，在左侧点击选择（或者拖拽）气泡图

点击选择气泡图组件，选择后点击【样式】下的【自定义样式】。就可以看到大致分为【图表设置】、【标题设置】、【X轴】、【Y轴】、【图例设置】、【组件外观】几个大的模块。今天主要讲图表独有的【图表设置】、【X轴】、【Y轴】相关样式设置。

图表设置

点开【配色方案】，可选择该图表组件的主题颜色以及是否开启渐变。

【图形配置】主要是对图表内部区域样式的相关配置。主要有气泡形状、描边、外发光。以下为具体配置方式。

气泡形状即每个单独的点应该是什么样式（默认为实心圆），根据选择样式不同，其渲染形状也不同。具体以实际需求为准，以下为配置详情。描边即每个散点的边缘样式，可设置描边样式、颜色、粗细程度。其中颜色方面可选择跟随主题色进行描边。

外发光即设置类似模糊阴影效果，可设置发光颜色、扩散（模糊度）以及偏移量。

高亮色即当鼠标移动到一个散点上时，该散点呈现出来的颜色即为高亮色。具体看下图演示。

【显示数据】一般用于你数据集选择后，字段和维度的展示。打开显示数据后，可选择显示内容的径向偏移、显示位置。以及显示的文字大小颜色、粗细、斜体都可自定义选择。

数据缩放即在图下方显示一个滚动缩放条，可对该散点图进行缩放展示。

开启提示信息即开启后当鼠标经过到折线图上的某一块儿时，那么就会显示出该块儿的信息提示。

x轴和y轴设置是一样的，区别就是一个为横轴一个为纵轴。这里就描述一下x轴的样式相关配置，y轴进行类比即可。

我们点开x轴，可以看到轴标签可设置轴标签的文字大小、颜色、粗细、斜体等。还可定义其标签的倾斜角度。

显示轴线即轴标签和该图内容之间的分界线，为让轴线显示更加明显看得更加清晰。这边使用显眼颜色并加宽字体大小以供展示效果。

显示网格线即是x轴的网格线，勾选后可定义网格线的线条、粗细以及颜色。这里用显眼的黑色加以区分，以看到实际效果。

在线demo：http://bi.bctools.cn

gitee地址：https://gitee.com/software-minister/jvs-bi