气泡图组件实例讲解

作者:创世魂

 

● 教程说明

注意:本组件位于“图表类窗口组件”模块中。

 

 

一、气泡图

 

● 准备工作

 

界面如下图:

打开启动类“界面设计器”,设计如下界面。

依次是“按钮1”“气泡图1”

本组件除了文档中的方法外,还继承了“图表组件基础类”“图表数据基础类”的所有方法。

 

● 图表数据创建

 

气泡图创建方法如下:

共需四个类,分别是“图表气泡值列表类”“图表气泡值数组类”“图表气泡值类”“气泡图数据类”

作用分别如下:

1、图表气泡值列表类:用于存储气泡坐标和气泡半径数值。

2、图表气泡值数组类:用于创建“图表气泡值列表类”

3、图表气泡值类:用于创建气泡坐标和气泡半径信息。

4、气泡图数据类:通过定义好的气泡信息,创建整个气泡图表数据。

 

● 图表数据(写)
● 创建

 

“图表数据(写)”帮助文档:

顾名思义,设置当前气泡数据,属性值为“气泡图数据类”

 

“创建”帮助文档:

本方法继承自“气泡图数据类”,用于创建“气泡数据”

创建后赋值给“图表数据”属性,即可生成气泡图。

 

“创建”帮助文档:

本方法是继承自“图表气泡值类”,用于定义气泡坐标和气泡半径。

 

代码编写如下图:

1、定义四个变量,类型分别为“图表气泡值列表类”“图表气泡值类”“气泡图数据类”,全部勾选参考。

2、设置“气泡值列表”数据。

3、通过“气泡列表”创建当前“气泡数据”

4、最后将设置“图表数据”的属性值为“气泡数据”即可。

 

运行效果如下图(GIF):

注意:气泡图在不设置任何数据的情况下,默认存在气泡。

 

● 值内容脱离选中(事件)
● 值内容被选中(事件)

 

以上两个事件参考“饼状图”组件中的同名事件。

 

● 值格式化对象(写)
● 显示标签(写)

 

“显示标签(写)”帮助文档:

本属性值为真,将在气泡图上显示“气泡半径值”

 

“值格式化对象(写)”帮助文档:

本属性继承自“气泡图数据类”,通过本属性可设置“气泡半径值”保留几位小数点。

 

代码编写如下图:

以上两个属性务必写到“创建”方法后,“图表数据”属性前。

 

运行效果如下图:

最后可看到半径数据均保留了一位小数。

 

● 气泡值列表(写)

 

帮助文档如下图:

本属性继承自“气泡图数据类”,同“气泡图数据类.创建()”方法作用一致。

使用本属性后就无需使用“创建”

 

代码编写如下图:

通过“气泡数据”调用本属性,设置属性值为“气泡值列表”即可。

 

运行效果如下图:

 

● 气泡尺寸比例(写)

 

帮助文档如下图:

通过本属性可对气泡进行等比例缩放。

属性值提供“0-1”之间的小数,如提供0.5则缩小一半。

 

代码编写如下图:

本属性需要在“创建”“图表数据”之间书写。

 

运行效果如下图:

可看到气泡尺寸明显变小很多。

 

● 选择数据提示(写)

 

本属性参考“饼状图”中的同名属性。