CN107945249A - 一种气泡图显示方法及装置 - Google Patents
一种气泡图显示方法及装置 Download PDFInfo
- Publication number
- CN107945249A CN107945249A CN201610894679.2A CN201610894679A CN107945249A CN 107945249 A CN107945249 A CN 107945249A CN 201610894679 A CN201610894679 A CN 201610894679A CN 107945249 A CN107945249 A CN 107945249A
- Authority
- CN
- China
- Prior art keywords
- bubble
- diagram
- display areas
- bubble diagram
- data
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T11/00—2D [Two Dimensional] image generation
- G06T11/60—Editing figures and text; Combining figures or text
Landscapes
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Processing Or Creating Images (AREA)
Abstract
本发明公开了一种气泡图显示方法及装置,涉及计算机技术领域,主要目的在于能够将用户选定的气泡图部分区域生成新的气泡图,将密集的气泡分散显示,从而提升气泡图的用户查看体验。本发明主要的技术方案为:根据选定操作确定气泡图中的独立显示区域;获取在所述独立显示区域中显示的气泡数据;在所述独立显示区域内加载所述气泡数据生成新气泡图。本发明主要用于气泡图的优化显示。
Description
技术领域
本发明涉及计算机技术领域,尤其涉及一种气泡图显示方法及装置。
背景技术
气泡图是数据可视化图表中,最基本也是最为重要的一类图表,是最有效的可用分析工具之一,它能直观地显示三个维度的数据对比,即:横轴数值、纵轴数值、气泡大小。气泡图与散点图相似,不同之处在于,气泡图允许在图表中额外加入一个表示大小的变量。实际上,这就像以二维方式绘制包含三个变量的图表一样。
目前常见的商业级图表(如ECharts,highCharts等),均提供了基本的气泡图组件以供使用,而气泡图组件对于大量数据的处理方式,都是遵循了按照真实数据对数据进行气泡的定位展示,并无其他特殊的处理。由于气泡图严格遵循数据点的值来绘制气泡并展示数据,因此,当很多数据点的数据很接近的时候,气泡图上的气泡就会在某一个区域大量地重合,这使得气泡图不仅在整体的视觉效果上非常糟糕,而且使用气泡图的用户从这些气泡图上无法快速定位到自己想查看的数据点,这使得气泡图的价值减少了。
发明内容
有鉴于此,本发明提供一种气泡图显示方法及装置,主要目的在于能够将用户选定的气泡图部分区域生成新的气泡图,将密集的气泡分散显示,从而提升气泡图的用户查看体验。
为达到上述目的,本发明主要提供如下技术方案:
一方面,本发明提供了一种气泡图显示方法,该方法包括:
根据选定操作确定气泡图中的独立显示区域;
获取在所述独立显示区域中显示的气泡数据;
在所述独立显示区域内加载所述气泡数据生成新气泡图。
优选的,所述根据选定操作确定气泡图中的独立显示区域包括:
判断所述选定操作选中的所述独立显示区域的起始点坐标是否在所述气泡图的显示区域内;
若在,则获取所述选定操作中的结束点坐标;
判断所述结束点坐标是否在所述气泡图的显示区域内;
若在,则以所述结束点坐标与所述起始点坐标确定所述独立显示区域;
若不在,则以所述选定操作确定的显示区域与气泡图的显示区域相重合的区域为所述独立显示区域。
优选的,所述根据选定操作确定气泡图中的独立显示区域包括:
根据所述选定操作选中的显示区域调整所述显示区域的显示效果,以提示当前已选中的显示区域。
优选的,获取在所述独立显示区域中显示的气泡数据包括:
获取气泡图中气泡的中心坐标;
判断所述气泡的中心坐标是否位于所述独立显示区域中;
若在,则提取所述气泡的气泡数据,所述气泡数据包括气泡的位置坐标,气泡的大小以及气泡对应的文字信息。
优选的,利用所述独立显示区域与所述气泡数据生成新气泡图包括:
获取所述独立显示区域的坐标数据,所述坐标数据包括横坐标与纵坐标的显示区间;
根据所述坐标数据确定所述新气泡图的坐标比例,在预置的显示区域内确定所述新气泡图的横坐标与纵坐标;
加载所述气泡数据,在所述新气泡图中显示气泡。
优选的,利用所述独立显示区域与所述气泡数据生成新气泡图包括:
判断所述独立显示区域宽高比例是否与目标显示区域的宽高比例相匹配;
若不匹配,则将所述独立显示区域中的横坐标与纵坐标对调后,结合所述气泡数据生成所述新气泡图。
另一方面,本发明还提供了一种气泡图显示装置,该装置包括:
确定单元,用于根据选定操作确定气泡图中的独立显示区域;
获取单元,用于获取在所述确定单元确定的独立显示区域中显示的气泡数据;
生成单元,用于在所述确定单元确定的独立显示区域内加载所述获取单元获取的气泡数据生成新气泡图。
优选的,所述确定单元包括:
第一判断模块,用于判断所述选定操作选中的所述独立显示区域的起始点坐标是否在所述气泡图的显示区域内;
获取模块,用于当所述第一判断模块的判断结果为肯定时,获取所述选定操作中的结束点坐标;
第二判断模块,用于判断所述获取模块获取的结束点坐标是否在所述气泡图的显示区域内;
第一确定模块,用于当所述第二判断模块的判断结果为肯定时,以所述结束点坐标与所述起始点坐标确定所述独立显示区域;
第二确定模块,用于当所述第二判断模块的判断结果为否定时,以所述选定操作确定的显示区域与气泡图的显示区域相重合的区域为所述独立显示区域。
优选的,所述确定单元还包括:
调整模块,用于根据所述选定操作选中的显示区域调整所述显示区域的显示效果,以提示当前已选中的显示区域。
优选的,获取单元包括:
获取模块,用于获取气泡图中气泡的中心坐标;
判断模块,用于判断所述获取模块获取气泡的中心坐标是否位于所述独立显示区域中;
提取模块,用于当所述判断模块判断结果为肯定时,提取所述气泡的气泡数据,所述气泡数据包括气泡的位置坐标,气泡的大小以及气泡对应的文字信息。
优选的,所述生成单元包括:
获取模块,用于获取所述独立显示区域的坐标数据,所述坐标数据包括横坐标与纵坐标的显示区间;
确定模块,用于根据所述获取模块获取的坐标数据确定所述新气泡图的坐标比例,在预置的显示区域内确定所述新气泡图的横坐标与纵坐标;
生成模块,用于加载所述气泡数据,在所述确定模块确定的新气泡图中显示气泡。
优选的,所述生成单元包括:
判断模块,用于判断所述独立显示区域宽高比例是否与目标显示区域的宽高比例相匹配;
调整生成模块,用于当所述判断模块的判断结果为不匹配时,将所述独立显示区域中的横坐标与纵坐标对调后,结合所述气泡数据生成所述新气泡图。
依据上述本发明所提出的气泡图显示方法及装置,是将用户在气泡图中选中区域内的数据内容作为新气泡图的数据内容,将原气泡图中相对密集的气泡在新气泡图中分散显示,最大限度的优化密集气泡的显示效果。新气泡图作为原气泡图中部分区域的优化显示图,不会影响原气泡图的正常展示效果,还能够根据用户的选择来确定独立显示区域,以此来确定要显示的气泡,同时,通过选择独立显示区域的显示比例,还可以有针对性的放大气泡位置的差异,使得气泡在新气泡图中能够充分利用气泡图的显示空间,让气泡分布的更加分散,以便用户能够更清晰的分辩所要查看的数据内容,从而提高气泡图的查看效率,提升用户查看体验。
附图说明
通过阅读下文优选实施方式的详细描述,各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的,而并不认为是对本发明的限制。而且在整个附图中,用相同的参考符号表示相同的部件。在附图中:
图1示出了本发明实施例提出的一种气泡图显示方法的流程图;
图2示出了本发明实施例提出的另一种气泡图显示方法的流程图;
图3示出了未进行显示优化时的气泡图的显示效果图;
图4示出了在选定独立显示区域过程中的气泡图的显示效果图;
图5示出了进行显示优化后的气泡图的显示效果图;
图6示出了本发明实施例提出的一种气泡图显示装置组成框图;
图7示出了本发明实施例提出的另一种气泡图显示装置组成框图。
具体实施方式
下面将参照附图更详细地描述本发明的示例性实施例。虽然附图中显示了本发明的示例性实施例,然而应当理解,可以以各种形式实现本发明而不应被这里阐述的实施例所限制。相反,提供这些实施例是为了能够更透彻地理解本发明,并且能够将本发明的范围完整的传达给本领域的技术人员。
本发明实施例提供了一种气泡图显示方法,如图1所示,该方法应用于对页面中的气泡图进行优化显示,特别是对气泡显示密集而导致的数据信息相互重叠的气泡图,对此本发明实施例提供以下具体步骤:
101、根据选定操作确定气泡图中的独立显示区域。
选定操作一般是指由查看气泡图的用户所进行的具体操作,该操作主要用于在气泡图中选定一个需要独立显示的区块。在实际应用中,这个区块内大多存在有较密集的气泡,而气泡的相互重叠导致气泡所要展示的信息相互干扰无法清晰的被用户所获取。对于选定操作的具体操作方式,本发明实施例不限定为手势操作(主要用于触控屏操作),或者外接设备的操作(鼠标、键盘等)。
通过选定操作所确定的独立显示区域是气泡图中的一部分,对于该独立显示区域的具体形状本实施例也不做限定,根据实际情况的需要,可以将该区域选定为圆形、矩形、三角形、多边形等等。而在实际应用中,为了便于查看和选定,多采用矩形作为独立显示区域的整体外形。确定矩形的显示区域在操作上最常用的方式就是确定该矩形的对角线的两个端点,这两个端点分别以操作的起始点和结束点这两个操作作为选定操作过程的起始与结束。通过确定对角线的两个端点在气泡图中的坐标就可以确定出独立显示区域在气泡图中的具体位置。
102、获取在独立显示区域中显示的气泡数据。
在确定出独立显示区域后,需要再获取该独立显示区域中所展示的气泡数据。该气泡数据包括气泡的位置坐标,气泡的大小,气泡对应的文字信息等。具体的获取方式可通过先获取气泡图中的所有气泡的数据信息,再逐一的进行筛选,判断该气泡的位置是否落在了所选定的独立显示区域中。而对于部分落在独立显示区域中的气泡,则可以自定义判断的规则标准,根据实际情况来选择是否将这类气泡纳入独立显示区域中。比如,可以判断气泡的中心是否在独立显示区域中,以此来取舍该气泡,或者判断落在独立显示区域中的气泡的占比,当达到一个阈值时,将该气泡确定为该独立显示区域中的气泡。
103、在独立显示区域内加载所获取的气泡数据生成新气泡图。
新气泡图的生成是在原气泡图的基础上,将所选定的独立显示区域中的数据在新的气泡图中加以展示。一般的,新气泡图的显示范围是可以自定义设置的,但其显示区域要大于在原气泡图中选定的独立显示区域,通过有比例的拉伸放大独立显示区域,来达到将密集的气泡进行离散显示的目的。这里需要说明的是,有比例的拉伸放大是指对于气泡图中的坐标比例,而对于气泡的大小则是根据新气泡图中的设置重新确定的,而不是根据原气泡图中的大小按比例拉伸放大得到的。对于新气泡图的拉伸放大比例可以根据选定操作来确定,即通过独立显示区域的宽高比与新气泡图的宽高比来确定,或者也可以通过在生成的新气泡图中进行具体设置,规定其拉伸放大的比例值。
此外,新气泡图的生成不会替换原气泡图,也就是说,所生成的新气泡图不会对原气泡图产生任何影响。因此,可以通过对比查看更方便的确定在原气泡图中所确定的独立显示区域是否合适。而对于新气泡图中,仍然存在气泡相互重叠的情况,那么可以在新气泡图中重复上述的选定操作,用新的气泡图来展示过于密集的气泡,也就是针对气泡图中的局部区域可以通过重复的操作最大限度地拉伸放大,直至将密集的气泡离散化显示。
结合上述的实现方式可以看出,本发明实施例所采用的气泡图显示方法,是将用户在气泡图中选中区域内的数据内容作为新气泡图的数据内容,将原气泡图中相对密集的气泡在新气泡图中分散显示,最大限度的优化密集气泡的显示效果。而新气泡图作为原气泡图中部分区域的优化显示图,不会影响原气泡图的正常展示效果,还能够根据用户的选择来确定独立显示区域,以此来确定要显示的气泡,同时,通过选择独立显示区域来控制新气泡图的显示比例,从而有针对性的放大气泡位置的差异,使得气泡在新气泡图中能够充分利用气泡图的显示空间,让气泡分布的更加分散,以便用户能够更清晰的分辩所要查看的数据内容,从而提高气泡图的查看效率,提升用户查看体验。
以下为了更加详细地说明本发明提出的一种气泡图显示方法,特别是对气泡图中局部区域的选择,以及对所选中的区域生成新的气泡图将进行详细说明。为此本发明实施例还提出了一种气泡图显示方法,该方法以矩形的独立显示区域为例进行举例说明,如图2所示,该方法所包括的步骤为:
201、根据选定操作确定气泡图中的矩形独立显示区域。
本发明实施例中的气泡图为显示在页面中的气泡图,针对早页面中显示的气泡图,先要确定该气泡图在页面中的位置,包括该图的宽和高。此外,在采用本方法前还需要先设定对气泡图选定操作的具体方式,本实施例中给出的一种可行的实现方式为:设定选中方式是通过鼠标左键的操作进行的,其中,具体的操作方式包括对鼠标的点击、拖拽、抬起3个操作,鼠标点击用于确定选定操作的起始点,鼠标拖拽的距离用于确定矩形独立显示区域的对角线长度,鼠标抬起则用于确定选定操作的结束点。
在完成上述的设置后,将针对气泡图所在的页面中的鼠标操作进行检测,当检测到鼠标左键的点击操作时,先通过气泡图的位置判断该点击操作触发的位置是否落在气泡图的显示区域内,若在该显示区域内,则将该点击操作确定为选定矩形独立显示区域的起始点,如图3所示,为通过鼠标点击在原气泡图中确定矩形独立显示区域的起始点,该图也示出了在未进行显示优化时的气泡图显示效果。其中,所要选定的矩形独立显示区域为气泡集中的区域。在确定了起始点后,将根据鼠标的拖动,显示出已选中的显示区域,显示该区域可以通过改变该区域的背景颜色来突出当前已选中的显示区域。其拖动选中的效果可参见图4中所示出的选中区域,该过程是一个动态变化的过程,随着拖动操作,所选中的区域会实时变化,对应的背景颜色变化的区域也会随着显示区域的变化而变化。在鼠标拖动的过程中,将检测是否存在鼠标左键抬起操作,当检测到鼠标左键抬起操作时,将该操作触发的位置确定为选定矩形独立显示区域的结束点,如此便确定出了一个矩形的独立显示区域。
需要说明的是,上述所确定的矩形的独立显示区域,其结束点的触发位置也需要处在气泡图的显示区域内。而对于该结束点的触发位置落在气泡图的显示区域外的情况,就需要进一步的判断来确定最终的矩形的独立显示区域,在结束点的触发位置落在气泡图的显示区域外时,通过计算该结束点坐标与起始点坐标所构成的显示区域与气泡图的显示区域相互重合的区域,将该部分区域确定为矩形独立显示区域。也就是,在结束点坐标不在气泡图的显示区域中时,将选中区域中所覆盖的气泡图的一个边界点为最终的结束点,以该边界点的两条侧边,即气泡图的边界,为独立显示区域的边界构成最终的矩形独立显示区域。进一步的,对于该过程中在突出显示选中的独立显示区域时,其显示的范围也不能超出气泡图的显示边界。并且,在确定了独立显示区域后,由于会生成新的气泡图,在原气泡图中突出显示的效果会随着独立显示区域的确定而消失。
202、筛选在矩形独立显示区域中的气泡数据。
在选定矩形独立显示区域的过程中,可以同步统计显示在该区域中的气泡,在确定出矩形独立显示区域时,同时获取该显示区域内所显示气泡的气泡数据。本发明实施例中,给出的一种实现方式是以气泡的中心坐标为判断依据,先获取气泡图中所有的气泡的中心坐标,在选定矩形独立显示区域的过程中,实时判断哪些气泡的中心落在了已选的显示区域中,当最终确定出矩形独立显示区域时,提取中心落在矩形独立显示区域内的气泡,并获取这些气泡的相关数据。其中,气泡中心落在矩形独立显示区域中的情况包括气泡中心位于显示区域的边界上。
203、根据矩形独立显示区域确定新气泡图的显示比例。
在确定出矩形独立显示区域后,获取该独立显示区域的坐标数据,该坐标数据为独立显示区域在气泡图中的位置坐标,包括横坐标与纵坐标的显示区间,该显示区间将用于确定新气泡图的显示坐标范围。
一般的,由于新生成的气泡图是对原气泡图中所选定的矩形独立显示区域的拉伸放大,因此,拉伸放大的比例就取决于矩形独立显示区域的实际宽高与新气泡图宽高的比例,并且在新气泡图中的坐标比例也是随该比例进行的放大。需要说明的是,新气泡图的宽高是可以自定义设置的,由于是在页面中显示的气泡图,新气泡图的显示尺寸不应大于页面的尺寸。对于新气泡图张的坐标显现效果可参见图5中的坐标显示。
进一步的,对于新气泡图的显示边界,除了可以在生成气泡图前人工设置,还可以根据所选定的矩形独立显示区域的宽高比,在一定的放大比例区间内进行自动设定。也就是说,人工设置是一种相对固定的设置方式,该方式所确定的新气泡图的显示大小无法根据目标显示区域的大小进行调整,其中,目标显示区域是新气泡图生成后所展示的区域,而自动设定则是根据用户在原气泡图中所选定区域的宽高比,自适应地确定出新气泡图的显示大小,即将用户操作选中的独立显示区域根据目标显示区域的宽高比例自动调整新气泡图的大小。更进一步的,考虑到大多数用户的阅读习惯是横向宽,纵向窄的方式,对于在选定矩形独立显示区域过程中所选定的区域为横向窄,纵向宽的一个矩形时,通过判断独立显示区域宽高比例,可以将独立显示区域中的横坐标与纵坐标对调后,生成新的气泡图,相当于将新气泡图旋转90度后进行展示。
204、根据气泡数据在新气泡图中生成新气泡。
最后,将属于新气泡图的气泡数据根据新气泡图的坐标进行加载,在新气泡图中显示出对应的气泡。新气泡图的显示效果如图5所示,该图是对图3中的气泡图的部分区域进行拉伸放大后的新气泡图,该图中的气泡坐标与原气泡图相同,但相比于图3中的气泡图,图5中的气泡间隔明显增大,有助于用户对气泡数据的读取与查看。
针对上述的实现方式,本发明实施例给出利用D3.js技术生成气泡图的主要步骤,其中,D3.js是一个JavaScript库,它可以通过数据来操作文档。D3可以通过使用HTML、SVG和CSS把数据鲜活形象地展现出来。D3严格遵循Web标准,因而可以让程序轻松兼容现代主流浏览器并避免对特定框架的依赖。同时,它提供了强大的可视化组件,可以让使用者以数据驱动的方式去操作。在此对D3.js的基础知识不再做过多的说明,具体的步骤如下:
1、获取气泡图的显示区域并设置一个对象,该对象用于确定选定的独立显示区域,同时记录该区域中所显示的气泡数量。其中,显示区域的大小可以通过JS,JQuery获取,假定当前页面用于展示气泡图的区域是<div id=”bubble-chart”></div>,可以通过JQuery提供的$(“#bubble-chart”).css(“height”),$(“#bubble-chart”).css(“width”)方法获取该气泡图区域的大小,当然也可以通过原生JS提供的document.getElementById("bubble-chart").style.height,document.getElementBy Id("bubble-chart").style.width获取到。
此外,设置的对象定义为selectRect,是通过鼠标操作确定的独立显示区域,startX和startY是记录鼠标点击时候的位置,endX和endY是记录鼠标抬起时候的位置,num记录鼠标点击拖拽到鼠标抬起这块区域内包含的气泡数量。
2、绑定三个事件,以鼠标操作为例,分别为鼠标在该区域内的点击、在页面的移动、在页面的抬起事件,其作用如下:
(1)当鼠标点击的时候,记录下当前的坐标点,同时,生成一个用作阴影层的<divid=”active_box”class=”box”></div>,设置为绝对定位,背景色设置为深色,它的top属性为当前点击点的纵坐标,它的left属性为当前点击点的横坐标。
(2)当鼠标移动的时候,当前移动到的位置的横坐标是selectRect.endX,纵坐标是selectRect.endY,在鼠标移动的同时,改变阴影层的<div>高度和宽度,从四个方向上对生成的选定矩形进行判定,其中包含了鼠标移动溢出图表区域的判定,然后改变selectRect的对应坐标数值。其中,四个方向包括:
当鼠标移动距离的横坐标和纵坐标均大于鼠标点击的起始点横纵坐标时,方向是右下;
当鼠标移动距离的横坐标和纵坐标均小于鼠标点击的起始点横纵坐标时,方向是左上;
当前横坐标小于起始横坐标,当前纵坐标大于起始纵坐标时,方向是左下;
当前横坐标大于起始横坐标,当前纵坐标小于起始纵坐标时,方向是右上。
(3)当鼠标抬起的时候,记录当前selectRect的终止坐标,执行选定区域矩形消除函数removeBox()和气泡筛选函数selectScatter,其中,选定区域矩形消除函数用于取消选中的独立显示区域的突出效果;气泡筛选函数用于获取新气泡图的气泡数据。
3、筛选气泡数据,即执行气泡筛选函数selectScatter。
遍历原气泡图中的每一个气泡数据,selectData是最终需要得到的数据,也就是从原始气泡里面筛选出来的显示在独立显示区域内的气泡数据:
计算当前气泡距离气泡图左侧边界的距离与气泡图左侧边界距离页面左侧边缘的距离之和,得到气泡的横坐标:xDistance;
计算当前气泡距离气泡图上侧边界的距离与气泡图上侧边界距离页面上侧边缘的距离之和,得到气泡的纵坐标:yDistance;
只有当气泡的坐标满足如下条件时:
xDistance>=selectRect.startX;
xDistance<=selectRect.endX;
yDistance>=selectRect.startY;
yDistance<=selectRect.endY。
该气泡数据才是符合筛选区域的数据点。
4、最后,将筛选出的数据重新生成一张气泡图。
进一步的,作为对上述方法的实现,本发明实施例提供了一种气泡图显示装置,该装置实施例与前述方法实施例对应,为便于阅读,本装置实施例不再对前述方法实施例中的细节内容进行逐一赘述,但应当明确,本实施例中的装置能够对应实现前述方法实施例中的全部内容。该装置用于对气泡图的优化处理,特别是对于气泡图中存在气泡集中或气泡间部分重叠的情况,导致气泡图无法清晰展示或向用户提供有效的数据信息。该装置设置在生成或展示气泡图的终端设备中,具体如图6所示,该装置包括:
确定单元31,用于根据选定操作确定气泡图中的独立显示区域;
获取单元32,用于获取在所述确定单元31确定的独立显示区域中显示的气泡数据;
生成单元33,用于在所述确定单元31确定的独立显示区域内加载所述获取单元32获取的气泡数据生成新气泡图。
进一步的,如图7所示,所述确定单元31包括:
第一判断模块311,用于判断所述选定操作选中的所述独立显示区域的起始点坐标是否在所述气泡图的显示区域内;
获取模块312,用于当所述第一判断模块311的判断结果为肯定时,获取所述选定操作中的结束点坐标;
第二判断模块313,用于判断所述获取模块312获取的结束点坐标是否在所述气泡图的显示区域内;
第一确定模块314,用于当所述第二判断模块313的判断结果为肯定时,以所述结束点坐标与所述起始点坐标确定所述独立显示区域;
第二确定模块315,用于当所述第二判断模块313的判断结果为否定时,以所述选定操作确定的显示区域与气泡图的显示区域相重合的区域为所述独立显示区域。
进一步的,如图7所示,所述确定单元31还包括:
调整模块316,用于根据所述选定操作选中的显示区域调整所述显示区域的显示效果,以提示当前已选中的显示区域。
进一步的,如图7所示,获取单元32包括:
获取模块321,用于获取气泡图中气泡的中心坐标;
判断模块322,用于判断所述获取模块321获取气泡的中心坐标是否位于所述独立显示区域中;
提取模块323,用于当所述判断模块322判断结果为肯定时,提取所述气泡的气泡数据,所述气泡数据包括气泡的位置坐标,气泡的大小以及气泡对应的文字信息。
进一步的,如图7所示,所述生成单元33包括:
获取模块331,用于获取所述独立显示区域的坐标数据,所述坐标数据包括横坐标与纵坐标的显示区间;
确定模块332,用于根据所述获取模块331获取的坐标数据确定所述新气泡图的坐标比例,在预置的显示区域内确定所述新气泡图的横坐标与纵坐标;
生成模块333,用于加载所述气泡数据,在所述确定模块332确定的新气泡图中显示气泡。
进一步的,如图7所示,所述生成单元33包括:
判断模块334,用于判断所述独立显示区域宽高比例是否与目标显示区域的宽高比例相匹配;
调整生成模块335,用于当所述判断模块334的判断结果为不匹配时,将所述独立显示区域中的横坐标与纵坐标对调后,结合所述气泡数据生成所述新气泡图。
综上所述,本发明实施例所采用的气泡图显示方法及装置,是将用户在气泡图中选中区域内的数据内容作为新气泡图的数据内容,将原气泡图中相对密集的气泡在新气泡图中分散显示,最大限度的优化密集气泡的显示效果。而新气泡图作为原气泡图中部分区域的优化显示图,不会影响原气泡图的正常展示效果,还能够根据用户的选择来确定独立显示区域,以此来确定要显示的气泡,同时,通过选择独立显示区域来控制新气泡图的显示比例,从而有针对性的放大气泡位置的差异,使得气泡在新气泡图中能够充分利用气泡图的显示空间,让气泡分布的更加分散,以便用户能够更清晰的分辩所要查看的数据内容,从而提高气泡图的查看效率,提升用户查看体验。
所述气泡图显示装置包括处理器和存储器,上述确定单元、获取单元以及生成单元等均作为程序单元存储在存储器中,由处理器执行存储在存储器中的上述程序单元来实现相应的功能。
处理器中包含内核,由内核去存储器中调取相应的程序单元。内核可以设置一个或以上,通过调整内核参数将用户选定的气泡图中的部分区域生成新气泡图,并将密集的气泡分散显示,从而提升气泡图的用户查看体验。
存储器可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM),存储器包括至少一个存储芯片。
本申请还提供了一种计算机程序产品,当在数据处理设备上执行时,适于执行初始化有如下方法步骤的程序代码:根据选定操作确定气泡图中的独立显示区域;获取在所述独立显示区域中显示的气泡数据;在所述独立显示区域内加载所述气泡数据生成新气泡图。
本领域内的技术人员应明白,本申请的实施例可提供为方法、系统、或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本申请是参照根据本申请实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
在一个典型的配置中,计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。
存储器可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM)。存储器是计算机可读介质的示例。
计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括,但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带,磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质,可用于存储可以被计算设备访问的信息。按照本文中的界定,计算机可读介质不包括暂存电脑可读媒体(transitory media),如调制的数据信号和载波。
还需要说明的是,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括要素的过程、方法、商品或者设备中还存在另外的相同要素。
本领域技术人员应明白,本申请的实施例可提供为方法、系统或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
以上仅为本申请的实施例而已,并不用于限制本申请。对于本领域技术人员来说,本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等,均应包含在本申请的权利要求范围之内。
Claims (10)
1.一种气泡图显示方法,其特征在于,所述方法包括:
根据选定操作确定气泡图中的独立显示区域;
获取在所述独立显示区域中显示的气泡数据;
在所述独立显示区域内加载所述气泡数据生成新气泡图。
2.根据权利要求1所述的方法,其特征在于,所述根据选定操作确定气泡图中的独立显示区域包括:
判断所述选定操作选中的所述独立显示区域的起始点坐标是否在所述气泡图的显示区域内;
若在,则获取所述选定操作中的结束点坐标;
判断所述结束点坐标是否在所述气泡图的显示区域内;
若在,则以所述结束点坐标与所述起始点坐标确定所述独立显示区域;
若不在,则以所述选定操作确定的显示区域与气泡图的显示区域相重合的区域为所述独立显示区域。
3.根据权利要求1所述的方法,其特征在于,所述根据选定操作确定气泡图中的独立显示区域包括:
根据所述选定操作选中的显示区域调整所述显示区域的显示效果,以提示当前已选中的显示区域。
4.根据权利要求1-3中任一项所述的方法,其特征在于,获取在所述独立显示区域中显示的气泡数据包括:
获取气泡图中气泡的中心坐标;
判断所述气泡的中心坐标是否位于所述独立显示区域中;
若在,则提取所述气泡的气泡数据,所述气泡数据包括气泡的位置坐标,气泡的大小以及气泡对应的文字信息。
5.根据权利要求1所述的方法,其特征在于,利用所述独立显示区域与所述气泡数据生成新气泡图包括:
获取所述独立显示区域的坐标数据,所述坐标数据包括横坐标与纵坐标的显示区间;
根据所述坐标数据确定所述新气泡图的坐标比例,在预置的显示区域内确定所述新气泡图的横坐标与纵坐标;
加载所述气泡数据,在所述新气泡图中显示气泡。
6.根据权利要求1所述的方法,其特征在于,利用所述独立显示区域与所述气泡数据生成新气泡图包括:
判断所述独立显示区域宽高比例是否与目标显示区域的宽高比例相匹配;
若不匹配,则将所述独立显示区域中的横坐标与纵坐标对调后,结合所述气泡数据生成所述新气泡图。
7.一种气泡图显示装置,其特征在于,所述装置包括:
确定单元,用于根据选定操作确定气泡图中的独立显示区域;
获取单元,用于获取在所述确定单元确定的独立显示区域中显示的气泡数据;
生成单元,用于在所述确定单元确定的独立显示区域内加载所述获取单元获取的气泡数据生成新气泡图。
8.根据权利要求7所述的装置,其特征在于,所述确定单元包括:
第一判断模块,用于判断所述选定操作选中的所述独立显示区域的起始点坐标是否在所述气泡图的显示区域内;
获取模块,用于当所述第一判断模块的判断结果为肯定时,获取所述选定操作中的结束点坐标;
第二判断模块,用于判断所述获取模块获取的结束点坐标是否在所述气泡图的显示区域内;
第一确定模块,用于当所述第二判断模块的判断结果为肯定时,以所述结束点坐标与所述起始点坐标确定所述独立显示区域;
第二确定模块,用于当所述第二判断模块的判断结果为否定时,以所述选定操作确定的显示区域与气泡图的显示区域相重合的区域为所述独立显示区域。
9.根据权利要求7所述的装置,其特征在于,所述确定单元还包括:
调整模块,用于根据所述选定操作选中的显示区域调整所述显示区域的显示效果,以提示当前已选中的显示区域。
10.根据权利要求7-9中任一项所述的装置,其特征在于,获取单元包括:
获取模块,用于获取气泡图中气泡的中心坐标;
判断模块,用于判断所述获取模块获取气泡的中心坐标是否位于所述独立显示区域中;
提取模块,用于当所述判断模块判断结果为肯定时,提取所述气泡的气泡数据,所述气泡数据包括气泡的位置坐标,气泡的大小以及气泡对应的文字信息。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610894679.2A CN107945249A (zh) | 2016-10-13 | 2016-10-13 | 一种气泡图显示方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610894679.2A CN107945249A (zh) | 2016-10-13 | 2016-10-13 | 一种气泡图显示方法及装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN107945249A true CN107945249A (zh) | 2018-04-20 |
Family
ID=61928410
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201610894679.2A Pending CN107945249A (zh) | 2016-10-13 | 2016-10-13 | 一种气泡图显示方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN107945249A (zh) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108763429A (zh) * | 2018-05-24 | 2018-11-06 | 成都睿码科技有限责任公司 | 一种模拟细胞繁殖的新闻事件发展趋势的二维展示方法 |
WO2022105402A1 (zh) * | 2020-11-19 | 2022-05-27 | 海信视像科技股份有限公司 | 信息处理装置、显示装置以及收看量分析系统 |
Citations (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20030149571A1 (en) * | 2002-02-01 | 2003-08-07 | Steve Francesco | System and method for facilitating decision making in scenario development |
CN102789505A (zh) * | 2012-07-19 | 2012-11-21 | 浙江中控软件技术有限公司 | 数据处理方法及装置 |
CN102945518A (zh) * | 2012-10-19 | 2013-02-27 | 北京神舟航天软件技术有限公司 | 基于分析资源负荷识别项目关键资源的方法 |
KR20130034063A (ko) * | 2011-09-28 | 2013-04-05 | 김민석 | 그래픽 차트의 축에 계층을 넣을 수 있게 하고 그래픽적인 차트로 도식화하며 해당 라벨에 그 내용을 표시하도록 하는 시스템 및 방법 |
CN103677806A (zh) * | 2012-09-25 | 2014-03-26 | 国际商业机器公司 | 用于系统管理的方法和系统 |
CN104318508A (zh) * | 2014-10-31 | 2015-01-28 | 北京思特奇信息技术股份有限公司 | 一种基于面状shp地图图层的数据可视化方法及系统 |
CN104679466A (zh) * | 2013-11-29 | 2015-06-03 | 腾讯科技(深圳)有限公司 | 一种图像显示方法、装置及电子设备 |
CN105072430A (zh) * | 2015-08-19 | 2015-11-18 | 海信集团有限公司 | 一种调整投影图像的方法和设备 |
CN106570026A (zh) * | 2015-10-10 | 2017-04-19 | 北京国双科技有限公司 | 气泡图的创建方法及装置 |
-
2016
- 2016-10-13 CN CN201610894679.2A patent/CN107945249A/zh active Pending
Patent Citations (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20030149571A1 (en) * | 2002-02-01 | 2003-08-07 | Steve Francesco | System and method for facilitating decision making in scenario development |
KR20130034063A (ko) * | 2011-09-28 | 2013-04-05 | 김민석 | 그래픽 차트의 축에 계층을 넣을 수 있게 하고 그래픽적인 차트로 도식화하며 해당 라벨에 그 내용을 표시하도록 하는 시스템 및 방법 |
CN102789505A (zh) * | 2012-07-19 | 2012-11-21 | 浙江中控软件技术有限公司 | 数据处理方法及装置 |
CN103677806A (zh) * | 2012-09-25 | 2014-03-26 | 国际商业机器公司 | 用于系统管理的方法和系统 |
CN102945518A (zh) * | 2012-10-19 | 2013-02-27 | 北京神舟航天软件技术有限公司 | 基于分析资源负荷识别项目关键资源的方法 |
CN104679466A (zh) * | 2013-11-29 | 2015-06-03 | 腾讯科技(深圳)有限公司 | 一种图像显示方法、装置及电子设备 |
CN104318508A (zh) * | 2014-10-31 | 2015-01-28 | 北京思特奇信息技术股份有限公司 | 一种基于面状shp地图图层的数据可视化方法及系统 |
CN105072430A (zh) * | 2015-08-19 | 2015-11-18 | 海信集团有限公司 | 一种调整投影图像的方法和设备 |
CN106570026A (zh) * | 2015-10-10 | 2017-04-19 | 北京国双科技有限公司 | 气泡图的创建方法及装置 |
Non-Patent Citations (1)
Title |
---|
岐艳芳: "《大学计算机 计算思维及项目化应用教程》", 31 August 2016, 北京邮电大学出版社 * |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108763429A (zh) * | 2018-05-24 | 2018-11-06 | 成都睿码科技有限责任公司 | 一种模拟细胞繁殖的新闻事件发展趋势的二维展示方法 |
CN108763429B (zh) * | 2018-05-24 | 2022-03-29 | 成都睿码科技有限责任公司 | 一种模拟细胞繁殖的新闻事件发展趋势的二维展示方法 |
WO2022105402A1 (zh) * | 2020-11-19 | 2022-05-27 | 海信视像科技股份有限公司 | 信息处理装置、显示装置以及收看量分析系统 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US20190361601A1 (en) | Recognition of user drawn graphical objects based on detected regions within a coordinate-plane | |
US10021001B2 (en) | Providing visualizations of event sequence data | |
US9824470B2 (en) | Use of dynamic numeric axis to indicate and highlight data ranges | |
US8860749B1 (en) | Systems and methods for generating an icon | |
US10083050B2 (en) | User interface usage simulation generation and presentation | |
US10678410B2 (en) | Browser-based image processing | |
US10803640B2 (en) | Method and apparatus for designing layout for user interfaces | |
US9111327B2 (en) | Transforming graphic objects | |
KR20140114392A (ko) | 직접적인 조작을 이용한 확신있는 아이템 선택 기법 | |
US10824793B2 (en) | System and method for handling overlapping objects in visual editing systems | |
CN107945248A (zh) | 一种气泡图文字展示方法及装置 | |
WO2016160861A1 (en) | Quantified euler analysis | |
CN104657417B (zh) | 热力图的处理方法及系统 | |
US8761519B2 (en) | System and method for selecting an object boundary in an image | |
CN106802894A (zh) | 文件归纳方法与设备 | |
TWI671675B (zh) | 資訊顯示的方法及裝置 | |
US20140033116A1 (en) | Dynamic layering user interface | |
CN107945249A (zh) | 一种气泡图显示方法及装置 | |
CN109558705A (zh) | 基于pdf的水印平铺方法、装置、计算机设备及存储介质 | |
CN109857964B (zh) | 一种页面操作的热力图绘制方法、装置、存储介质及处理器 | |
CN109408566A (zh) | 一种智能图表推荐方法及装置 | |
US20210286845A1 (en) | Method and apparatus for implementing an n-dimensional hypercube visualization module | |
CN106843846A (zh) | 一种mx框架页面设计器以及设计方法 | |
CN104360851B (zh) | 一种需求预演业务的组合控制方法 | |
CN108021539A (zh) | 数据的展示方法及装置 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
CB02 | Change of applicant information | ||
CB02 | Change of applicant information |
Address after: 100083 No. 401, 4th Floor, Haitai Building, 229 North Fourth Ring Road, Haidian District, Beijing Applicant after: Beijing Guoshuang Technology Co.,Ltd. Address before: 100086 Cuigong Hotel, 76 Zhichun Road, Shuangyushu District, Haidian District, Beijing Applicant before: Beijing Guoshuang Technology Co.,Ltd. |
|
RJ01 | Rejection of invention patent application after publication | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20180420 |