[发明专利]图表的数据展示方法及装置

说明书

本申请实施例公开了一种图表的数据展示方法及装置。所述方法包括：确定与光标所在的像素点对应的且在包含多个图形的图表中的第一坐标轴上的第一参照数值；根据所述第一参照数值确定与所述第一坐标轴对应的第一数值范围；根据图表中的各个图形对应的图形数据包含的在所述第一坐标轴上的数值与所述第一数值范围，确定所述图表中的备选图形集合；根据所述备选图形集合确定所述光标选定的待展示图形；将与所述待展示图形对应的图形数据在该图表中进行展示。本申请实施例通过上述方法，使得在图表中包含的图形数量较大时，可以确保计算一次光标所选定的图形的过程耗用较短的时间，确保图表中展示的数据准确性。

技术领域

本申请涉及计算机及人机交互技术领域，特别涉及一种图表的数据展示方法及装置。

背景技术

一般地，在浏览器上通过一定的计算机绘图程序可以绘制包含多个图形的图表(如Canvas图表)，该图表的每个图形可以与一个图形数据进行对应。

以Canvas图表为例，Canvas(画布)是在HTML(超文本标记语言)中用以绘制图形的容器，在一些应用中可以通过Canvas来绘制图表。Canvas可以将一个绘图API(ApplicationProgramming Interface,应用程序编程接口)展现给客户端，以使JavaScript脚本能够把待绘制图形绘制到一块画布上。在绘制成上述包含多个图形的图表后，需要实现与鼠标之间的交互，在鼠标的光标在上述图表内移动时，需要将光标选定的图形对应的图形数据进行展示，以供用户查看。

通常，浏览器不会提供当前光标移动到上述Canvas图表中哪个图形上的事件或者接口，需要Canvas通过计算的方式来确定。为满足显示的要求，Canvas计算一次光标所选定的图形所耗用的时长需小于计算机显示屏上的像素点的刷新间隔。

现有技术中，以Canvas图表为例，计算机确定光标所选定的图形的过程是：当光标移动到Canvas图表中的某个位置之后，会确定当前光标所在位置对应的像素点的坐标，之后通过传统的数学几何算法，逐一检查当前像素点的坐标是否落入当前Canvas图表中的每一个图形所在的区域内，直至找到当前像素点的坐标所落入的图形，并将该图形对应的图形数据在该Canvas图表上进行展示。在该现有技术中，由于画布(canvas)上的图形绘制完成后是作为图片元素存在，需要为每个图形采用一次数学几何算法，这样完成一次光标所选定图形的计算过程需耗用的时长与上述Canvas图表中包含的图形数量成正比，当上述Canvas图表中包含的图形数量较大时，容易导致计算一次光标所选定的图形的过程所耗用的时长大于计算机显示屏上的像素点的刷新间隔，进而导致Canvas图表中展示的数据不准确。

发明内容

本申请实施例的目的是提供一种图表的数据展示方法及装置，用以解决上述现有技术中存在的问题。

为解决上述问题，本申请实施例提供的图表的数据展示方法及装置通过如下技术方案来实现：

一种Canvas图表的数据展示方法，包括：

确定与光标所在的像素点对应的且在包括多个图形的图表中的第一坐标轴上的第一参照数值；

根据所述第一参照数值确定与所述第一坐标轴对应的第一数值范围；其中，所述第一参照数值处于确定的所述第一数值范围内；

逐一判断与所述图表中的各个图形对应的图形数据在所述第一坐标轴上的数值是否处于所述第一数值范围内；

若是，将所述图表中的该图形确定为备选图形，得到包含各备选图形的备选图形集合；

基于所述备选图形集合中的各备选图形，确定所述光标所在的像素点落入的并被所述光标选定的待展示图形；

将与所述待展示图形对应的图形数据在该图表中进行展示。

一种图表的数据展示装置：