组件说明

水球图是指标图表的一种，支持自定义外框、文字及波浪的动画效果配置，支持多系列的颜色配置。

效果案例

* 水球图效果案例

数据绑定

在数据Tab页中可以设置组件的数据来源为数据集市、数据库表和静态数据

水球图的数据集市

配置项	说明
取值字段	只能拖入度量下的文件，拖入的文件内的字段数据会在图上进行展示
展示名称	可自定义度量字段显示的名称
排列方式	可根据度量选择进行降序或升序排列
数据筛选	设置筛选条件	直接对数据进行筛选，可选择AND（并且）和OR（或者）为各个筛选条件的关系。添加规则和或分组后筛选字段为维度、度量和图例中的字段，关系条件可选择“=”“>”⁢等关系符号，后面跟上自己想要的筛选数据
设置聚合筛选条件	数据聚合后进行筛选，可选择AND（并且）和OR（或者）为各个筛选条件的关系。添加规则或分组后筛选字段为维度和度量中的字段，关系条件可选择“=”“>”⁢等关系符号，后面跟上自己想要的筛选数据
数据缓存	数据缓存的时间，可选择不缓存、一小时和七小时
定时刷新	数据定时更新的时间，可自定义选择定时更新的时间数据并选择时、分、秒等时间单位
结果展示	可选择展示的数据数量，需超过数据的数量图形才会自动
更新	点击后立即更新数据
调试	查看图表配置后执行的SQL语句和格式化后的数据

水球图的静态数据

可以通过设置表格数据的方式来直接绘制图表，展开「数据来源」下拉框后选择「静态数据」，再点击「编辑表格数据」即可通过表格数据绘制水球图，编辑表格数据时，右侧图表会实时展示数据展示效果：

* 静态数据设置演示

图表样式

在样式中可以设置组件的「水球图属性」、「标题属性」和「背景和边框」

水球图属性

常规配置

配置项	说明
波浪动画	开启会在水球如中显示波浪动画效果
显示边框	开启后会显示水球图的边框
最多波浪层数	水球图中波浪的层数
图表形状	水球图的形状，可选择圆形、水滴状和三角形等
数字标签字号	水球图中的标签字体大小

* 水球图说明

自定义配色

配置项	说明
自定义配色	开启后可显示自定义配色的功能
文字颜色	图表标签的数字颜色，可修改
背景颜色	水球图的边框内部颜色，可修改
外框颜色	水球图的边框颜色，可修改
波浪纹颜色	水球图波浪纹动画的颜色

* 自定义配色设置演示

组件属性

配置项	说明
组件名称	该组件的名称
组件实际宽度	该组件当前的实际宽度
组件实际高度	该组件当前的实际高度
X轴位置	显示当前图表的X轴所在组件的位置
Y轴位置	显示当前图表的Y轴所在组件的位置

• 组件属性说明

标题属性

配置项	说明
标题	图表的标题，显示在图表的上方，可修改
启用标题	开启后在图表上方显示标题文本框的内容，并开启设置标题其他样式的功能
标题字号	图表标题字体的粗细，默认正常，可选值：细小、正常、粗重
标题粗细	图表标题字体的粗细，默认正常，可选值：细小、正常、粗重
标题字体	该标题字体样式，可选择宋体或黑体等
标题颜色	该标题字体的颜色，支持修改
对齐方式	可选择该标题的对齐方式，左对齐、右对齐或居中对齐
标题行高	该标题所在整个标题部分的垂直位置，标题行高应与标题高度一致，支持修改
标题高度	整个标题部分的高度，支持自定义修改
标题内边距	标题的距离边框的距离，默认0 0 0 10，单位为px，依次为上、右、下、左，可修改
图表简介	输入对该图表的介绍，不会在图表上体现

• 标题设置演示

背景和边框

配置项	说明
背景和边框	开启后可显示标题背景和组件背景的设置功能

标题背景设置

配置项	说明
背景颜色	标题背景的颜色，支持修改
背景图片	标题背景照片，支持自定义选择

组件背景设置

配置项	说明
背景颜色	组件背景的颜色，支持修改
背景图片	组件的背景照片，支持自定义选择

* 标题背景和组件背景设置演示

标题底部边框设置

配置项	说明
底部边框线	标题底部边框的样式，可选择直线、虚线、点线或双实线
底部边框宽度	标题底部的边框宽度，可自定义修改
底部边框颜色	标题底部的边框颜色，可自定义修改

组件边框设置

配置项	说明
边框线类型	组件边框的样式，可选择直线、虚线、点线或双实线
边框宽度	组件边框的宽度，支持修改
边框颜色	组件边框的颜色，支持修改
圆角	组件边框四个角的弧度，支持修改

* 标题底部边框和组件边框设置演示

组件阴影设置

配置项	说明
阴影宽度	组件阴影的宽度，默认为空，支持修改
阴影颜色	组件阴影的宽度，支持修改
阴影颜色X轴偏移	组件阴影颜色向X轴方向偏移距离，可修改
阴影颜色Y轴偏移	组件阴影颜色向Y轴方向偏移距离，可修改

* 组件阴影设置演示