[发明专利]基于Echarts的数据处理方法、装置、设备和存储介质

说明书

本申请涉及一种基于Echarts的数据处理方法、装置、设备和存储介质，其中，该方法通过获取目标数据所对应的第一时间范围，根据第一时间范围生成包括第一界面元素、第二界面元素和时间轴的界面组件，通过第一界面元素、第二界面元素的移动位置确定第二时间范围，并展示第二时间范围对应的数据，解决了相关技术中基于Echarts的数据处理方式无法满足用户对范围外数据进行查找或对范围内数据进行精确定位的需求，以及无法提供更多操作方式的问题，提高了对数据的查找效率，提升了用户的使用体验，为数据的可视化提供了更加清晰明确的处理和展示方法。

技术领域

本申请涉及数据处理技术领域，特别是涉及基于Echarts的数据处理方法、装置、设备和存储介质。

背景技术

在大数据时代，数据的处理与可视化技术已经在各种领域被广泛应用，通过数据的处理与可视化技术，可以将单一的数据通过合适的可视化图表类型表现出来，使得数据的趋势、分布等能够更为直观地展现出来。在前端开发中，数据的可视化处理需要依赖图表库，Echarts是最常见的图表库之一，它是一个使用JavaScript实现的开源可视化库，涵盖了各行业的各种图表，且使用门槛低，兼容性好，可以在PC和移动设备上流畅运行。使用Echarts进行数据的可视化处理，可以快速简单地生成直观，生动，可交互，可高度个性化定制的数据可视化图表。因此，许多网站都利用Echarts展示数据，以供用户进行数据查询。

在相关技术中，在需要根据发生时间查找数据的场合，通常是展示某一固定时间范围内产生的数据后，用户对数据自行筛选，无法满足用户对范围外数据进行查找或对范围内数据进行精确定位的需求。并且由于Echarts本身并不支持拖拽，因此用户只能通过逐一点击数据，而无法通过其他操作方式来查看数据。

目前针对相关技术中，基于Echarts的数据处理方式无法满足用户对范围外数据查找和精确定位的需求，以及无法提供更多操作方式的问题，尚未提出有效的解决方案。

发明内容

本申请实施例提供了基于Echarts的数据处理方法、装置、设备和存储介质，以至少解决相关技术中基于Echarts的数据处理方式无法满足用户对范围外数据进行查找或对范围内数据进行精确定位的需求，以及无法提供更多操作方式的问题。

第一方面，本申请实施例提供了一种基于Echarts的数据处理方法，所述方法包括：

获取目标数据所对应的第一时间范围；

根据所述第一时间范围生成界面组件，所述界面组件包括第一界面元素、第二界面元素和时间轴；

在所述时间轴中移动所述第一界面元素和所述第二界面元素，根据所述第一界面元素和所述第二界面元素在所述时间轴上的移动位置，确定第二时间范围，并在界面中展示对应于所述第二时间范围的数据。

在其中一些实施例中，在获取目标数据所对应的第一时间范围后包括：

对所述第一时间范围内的数据进行分类，将多个分类结果按照时间顺序展示于所述界面中。

在其中一些实施例中，根据所述第一时间范围生成界面组件包括：

根据所述第一时间范围确定最小单位时间，并根据所述第一时间范围和所述最小单位时间，确定多个时间节点；

根据所述多个时间节点，生成所述时间轴。

在其中一些实施例中，根据所述第一界面元素和所述第二界面元素在所述时间轴上的移动位置，确定第二时间范围，并在界面中展示对应于所述第二时间范围的数据包括：

根据所述第一界面元素与所述第二界面元素的移动位置，确定所述第一界面元素和所述第二界面元素分别对应的时间节点；

根据所述第一界面元素和所述第二界面元素分别对应的时间节点，确定所述第二时间范围。