【技术实现步骤摘要】
本专利技术属于数据生成图表，尤其是涉及一种气泡图生成方法。
技术介绍
1、对于二维多组数据的图表呈现方式，现有技术中大多使用折线图表现趋势，柱状图表现多组数据同纬度下的对比情况。当同一页面中有多种模块数据存在多组数据同纬度下的对比的需求时，web页面的柱形图展示就会出现匮乏化、同质化的窘况，对用户造成视觉疲劳，使得展示表达的效果大大下降。
技术实现思路
1、有鉴于此，本专利技术旨在提出一种气泡图生成方法，以期待解决上述部分技术问题中的至少之一。
2、为达到上述目的，本专利技术的技术方案是这样实现的：
3、本专利技术第一方面提供了一种气泡图生成方法，包括以下步骤；
4、s1、采集多组数据：
5、s2、筛选多组数据中的同类数据作为数据集合，每个数据集合对应一种颜色的气泡；
6、s3、定义象形柱图对象，并在所述象形柱图初始化过程中逐条渲染对应数据集合；
7、s4、多组数据中每一个数据点的图像大小写入固定算法，使数据点的呈等比例图形；
8、s5、设置渲染图形形状为圆形气泡，并调节圆形气泡的位置，使圆形气泡的圆心与纵坐标数据相符；
9、s6、根据气泡图的上升原则，调整不同数据集合的距离，将同组数据的气泡图形叠合至同一条纵向直线上。
10、进一步的，所述s1中，通过ajax响应http请求获取多组数据信息。
11、进一步的，所述s5包括以下步骤：
12、s51、在
13、s52、将圆形气泡的定位位置设置在柱状图形边缘，且柱状图形的结束处外切；
14、s53、调整圆形气泡相对于原本位置的偏移，将图形向下移动自身半径。
15、进一步的，所述s5包括以下步骤：
16、s51、在绘制图形时使用圆形的路径，使得出图形形状为圆形气泡；
17、s52、将圆形气泡的定位位置设置在柱状图形边缘，且柱状图形的结束处内切；
18、s53、调整圆形气泡相对于原本位置的偏移，将图形向上移动自身半径。
19、进一步的，所述步骤s6还包括以下步骤：
20、s61、为每一个圆形气泡定义一个个位数的z值，z值与圆形气泡的面积呈正比；
21、s62、先绘制z值较小的圆形气泡，再绘制z值较大的圆形气泡；
22、s63、控制图形的前后顺序，使较小z值的圆形气泡不会被较大z值的圆形气泡覆盖。
23、进一步的，所述s4中圆形气泡的直径与数据点的数值成正比，根据气泡图的大小调节圆形气泡的直径等于数据点的数值乘以比例系数。
24、进一步的，所述s6中通过调整同数据集合的柱间距离，柱间距离与比例系数相同。
25、本专利技术第二方面提供了一种电子设备，包括处理器以及与处理器通信连接，且用于存储所述处理器可执行指令的存储器，所述处理器用于执行上述第一方面所述的方法。
26、本专利技术第三方面提供了一种服务器，包括至少一个处理器，以及与所述处理器通信连接的存储器，所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述处理器执行，以使所述至少一个处理器执行如第一方面所述的方法。
27、本专利技术第四方面提供了一种计算机可读取存储介质，存储有计算机程序，所述计算机程序被处理器执行时实现第一方面所述的方法。
28、相对于现有技术，本专利技术所述的一种气泡图生成方法具有以下有益效果：
29、本专利技术所述的一种气泡图生成方法，使用圆形气泡的行驶对二维多组数据进行呈现形式进行了，使气泡图不仅可用于展示散点图形式的大数据跨类别聚合数据，还可以表现多组数据的一个横向对比，丰富了图形展示页面的多样性，又不会过于跳脱失去了对专业数据呈现的严肃性
本文档来自技高网...【技术保护点】
1.一种气泡图生成方法，其特征在于，包括以下步骤；
2.根据权利要求1所述的一种气泡图生成方法，其特征在于：所述S1中，通过AJAX响应HTTP请求获取多组数据信息。
3.根据权利要求1所述的一种气泡图生成方法，其特征在于：所述S5包括以下步骤：
4.根据权利要求1所述的一种气泡图生成方法，其特征在于：所述S5包括以下步骤：
5.根据权利要求1所述的一种气泡图生成方法，其特征在于：所述步骤S6还包括以下步骤：
6.根据权利要求1所述的一种气泡图生成方法，其特征在于：所述S4中圆形气泡的直径与数据点的数值成正比，根据气泡图的大小调节圆形气泡的直径等于数据点的数值乘以比例系数。
7.根据权利要求6所述的一种气泡图生成方法，其特征在于：所述S6中通过调整同数据集合的柱间距离，柱间距离与比例系数相同。
8.一种电子设备，包括处理器以及与处理器通信连接，且用于存储所述处理器可执行指令的存储器，其特征在于：所述处理器用于执行上述权利要求1-7任一所述的方法。
9.一种服务器，其特征在于：包括至少一
10.一种计算机可读取存储介质，存储有计算机程序，其特征在于：所述计算机程序被处理器执行时实现权利要求1-7任一项所述的方法。
...【技术特征摘要】
1.一种气泡图生成方法，其特征在于，包括以下步骤；
2.根据权利要求1所述的一种气泡图生成方法，其特征在于：所述s1中，通过ajax响应http请求获取多组数据信息。
3.根据权利要求1所述的一种气泡图生成方法，其特征在于：所述s5包括以下步骤：
4.根据权利要求1所述的一种气泡图生成方法，其特征在于：所述s5包括以下步骤：
5.根据权利要求1所述的一种气泡图生成方法，其特征在于：所述步骤s6还包括以下步骤：
6.根据权利要求1所述的一种气泡图生成方法，其特征在于：所述s4中圆形气泡的直径与数据点的数值成正比，根据气泡图的大小调节圆形气泡的直径等于数据点的数值乘以比例系数。
7...
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。