[发明专利]可视化节点处理方法、装置、介质及电子设备

说明书

本发明提供了一种可视化节点处理方法，包括：接收用户针对网页中可视化节点的输入操作；根据所述用户针对网页中可视化节点的输入操作，确定所述网页中待编辑的可视化节点；在所述待编辑的可视化节点上添加一层元素蒙层；在所述元素蒙层上，接收所述用户针对所述待编辑的可视化节点的编辑操作，根据所述编辑操作对所述待编辑的可视化节点进行编辑，这样可以实现可视化节点的自定义编辑，满足了用户的个性化需求，提高用户体验。本发明还提供了一种可视化节点处理装置、介质以及电子设备。

技术领域

本发明涉及数据处理的技术领域，具体而言，涉及一种可视化节点处理方法、装置、介质及电子设备。

背景技术

前端即网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。前端数据可视化研究的是，如何将数据转化成为交互的图形或图像等，以视觉可以感受的方式表达，增强人的认知能力，达到发现、解释、分析、探索、决策和学习的目的。图表在前端可视化中有很多选择，如echart、d3、three.js等，echart和d3适合做二维图表，如折线图、饼图等，three.js适合做三维场景展示。

数据可视化的本质是将数据通过各种视觉通道映射成图形，可以使得用户更快、更准确的理解数据。因此数据可视化要解决的问题是如何将数据通过视觉可观测的方式表达出来，同时需要考虑美观、可理解性，需要解决在展示的空间(画布)有限的情况下覆盖、杂乱、冲突等问题，再以交互的形式查看数据的细节。但是，目前相关技术存在的缺点是，大多图表库只能展示，而无法对可视化节点进行编辑，从而无法满足用户的个性化需求，降低用户体验。

需要说明的是，在上述背景技术部分公开的信息仅用于加强对本发明的背景的理解，因此可以包括不构成对本领域普通技术人员已知的现有技术的信息。

发明内容

本发明实施例的目的在于提供一种可视化节点处理方法、装置、介质及电子设备，进而至少可以在一定程度上实现可视化节点的自定义编辑，满足了用户的个性化需求，提高用户体验。

本发明的其他特性和优点将通过下面的详细描述变得显然，或部分地通过本发明的实践而习得。

根据本发明实施例的第一方面，提供了一种可视化节点处理方法，包括：接收用户针对网页中可视化节点的输入操作；根据用户针对网页中可视化节点的输入操作，确定网页中待编辑的可视化节点；在待编辑的可视化节点上添加一层元素蒙层；在元素蒙层上，接收用户针对待编辑的可视化节点的编辑操作，根据编辑操作对待编辑的可视化节点进行编辑。

在本发明的一些实施例中，在接收用户针对网页中可视化节点的输入操作之前，该方法还包括：接收网页数据，网页数据中包含可视化节点数据；基于浏览器的渲染引擎对可视化节点数据进行渲染；在网页上展示渲染后的可视化节点，可视化节点为可被编辑的可视化节点。

在本发明的一些实施例中，可视化节点数据中包含可视化节点的数目，该方法还包括：当可视化节点的数目大于预设阈值时，从可视化节点数据中确定目标可视化节点的数据，目标可视化节点为存在动画效果的可视化节点；根据目标可视化节点的数据，取消目标可视化节点对应的动画效果。

在本发明的一些实施例中，网页数据中还包含用于生成元素蒙层的数据，在待编辑的可视化节点上添加一层元素蒙层之前，该方法还包括：根据待编辑的可视化节点的标识，从用于生成元素蒙层的数据中确定出与待编辑的可视化节点的标识相对应的数据；基于与待编辑的可视化节点的标识相对应的数据，生成元素蒙层。

在本发明的一些实施例中，在待编辑的可视化节点上添加一层元素蒙层包括：获取待编辑的可视化节点的位置信息；根据待编辑的可视化节点的位置信息，将元素蒙层添加在待编辑的可视化节点上。

在本发明的一些实施例中，该方法还包括：若检测到用户点击网页中的新加按键，则在网页中添加新的可视化节点。