Skip to main content
Version: 3.2.1

气泡图

生成气泡图

气泡图可以用来展现数据分布或分簇关系,同时可以配置使用气泡图形的大小来表示数值的大小,操作原理同散点图;

数据准备:

可根据需要设置图表数据源类型,默认静态数据,数据展示格式为JSON格式且可修改、增加值,亦可选择数据模型处配置数据源;

  1. 点击添加数据模型;

  2. 选择数据模型;

  3. 设置图表在大屏的刷新时间;

气泡图数据源控制区

气泡图画法:

现有数据库表详情如下:

数据库表

生成气泡图的流程如下:

  1. 点击高级图表,选择“气泡图”图表,在画布上画出图表;

  2. 在图表的数据面板的操作;

  3. 拖拽name字段至”维度“;

  4. 将“value”字段拖拽至“度量”,此时,图表配置生效且展示数据;

  5. 打开图表配置,按值等比展示,气泡大小设置50,打开展示标签设置;

  6. 图表联动展示如下图;

气泡图数据模型展示区

编辑气泡图

气泡图样式设置:

气泡图的样式修改控制区为下图所示:

气泡图样式设置

  1. 气泡大小:设置图表数据展示的气泡的大小;按值等比展示开启后,图表气泡按照数值的大小等比展示,具体展示如下图;

    基本散点图样式设置

    字体位置系统给出了四个值供选择,设置气泡标签在气泡顶部、内部、左部或者右部展示;

  2. 标线设置:开启后,图表展示配置的轴线(该处配置功能完善后后期补全);

  3. 标题设置:设置标题及其样式,详情请见标题设置;

  4. X轴设置:设置x轴的显示内容,详情请见x,y轴设置;

  5. Y轴设置:设置y轴的显示内容,详情请见x,y轴设置;

  6. 标签设置:设置图表标签的字体大小、颜色等,详情请见标签设置;

  7. 提示语设置:设置预览图表和开启组件关联时标签显示字体大小和颜色,详情请见提示语设置;

  8. 画布位置:设置图表新增加组件距离画布的左、上、右、下的展示位置,详情请见画布设置;

  9. 自定义配色:设置图表文字和轴线的颜色,详情请见自定义自定义配色;