可视化节点处理方法、装置、介质及电子设备制造方法及图纸

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

【技术实现步骤摘要】
可视化节点处理方法、装置、介质及电子设备
本专利技术涉及数据处理的
，具体而言，涉及一种可视化节点处理方法、装置、介质及电子设备。
技术介绍
前端即网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。前端数据可视化研究的是，如何将数据转化成为交互的图形或图像等，以视觉可以感受的方式表达，增强人的认知能力，达到发现、解释、分析、探索、决策和学习的目的。图表在前端可视化中有很多选择，如echart、d3、three.js等，echart和d3适合做二维图表，如折线图、饼图等，three.js适合做三维场景展示。数据可视化的本质是将数据通过各种视觉通道映射成图形，可以使得用户更快、更准确的理解数据。因此数据可视化要解决的问题是如何将数据通过视觉可观测的方式表达出来，同时需要考虑美观、可理解性，需要解决在展示的空间(画布)有限的情况下覆盖、杂乱、冲突等问题，再以交互的形式查看数据的细节。但是，目前相关技术存在的缺点是，大多图表库只能展示，而无法对可视化节点进行编辑，从而无法满足用户的个性化需求，降低用户体验。需要说明的是，在上述
技术介绍
部分公开的信息仅用于加强对本专利技术的背景的理解，因此可以包括不构成对本领域普通技术人员已知的现有技术的信息。
技术实现思路
本专利技术实施例的目的在于提供一种可视化节点处理方法、装置、介质及电子设备，进而至少可以在一定程度上实现可视化节点的自定义编辑，满足了用户的个性化需求，提高用户体验。本专利技术的其他特性和优点将通过下面的详细描述变得显然，或部分地通过本专利技术的实践而习得。根据本专利技术实施例的第一方面，提供了一种可视化节点处理方法，包括：接收用户针对网页中可视化节点的输入操作；根据用户针对网页中可视化节点的输入操作，确定网页中待编辑的可视化节点；在待编辑的可视化节点上添加一层元素蒙层；在元素蒙层上，接收用户针对待编辑的可视化节点的编辑操作，根据编辑操作对待编辑的可视化节点进行编辑。在本专利技术的一些实施例中，在接收用户针对网页中可视化节点的输入操作之前，该方法还包括：接收网页数据，网页数据中包含可视化节点数据；基于浏览器的渲染引擎对可视化节点数据进行渲染；在网页上展示渲染后的可视化节点，可视化节点为可被编辑的可视化节点。在本专利技术的一些实施例中，可视化节点数据中包含可视化节点的数目，该方法还包括：当可视化节点的数目大于预设阈值时，从可视化节点数据中确定目标可视化节点的数据，目标可视化节点为存在动画效果的可视化节点；根据目标可视化节点的数据，取消目标可视化节点对应的动画效果。在本专利技术的一些实施例中，网页数据中还包含用于生成元素蒙层的数据，在待编辑的可视化节点上添加一层元素蒙层之前，该方法还包括：根据待编辑的可视化节点的标识，从用于生成元素蒙层的数据中确定出与待编辑的可视化节点的标识相对应的数据；基于与待编辑的可视化节点的标识相对应的数据，生成元素蒙层。在本专利技术的一些实施例中，在待编辑的可视化节点上添加一层元素蒙层包括：获取待编辑的可视化节点的位置信息；根据待编辑的可视化节点的位置信息，将元素蒙层添加在待编辑的可视化节点上。在本专利技术的一些实施例中，该方法还包括：若检测到用户点击网页中的新加按键，则在网页中添加新的可视化节点。在本专利技术的一些实施例中，在网页中添加新的可视化节点包括：获取网页的空白区域和网页的网络拓扑图；根据网页的网络拓扑图和网页的空白区域，在网页的空白区域添加新的可视化节点。根据本专利技术实施例的第二方面，提供了一种可视化节点处理装置，包括：第一接收模块，用于接收用户针对网页中可视化节点的输入操作；第一确定模块，用于根据用户针对网页中可视化节点的输入操作，确定网页中待编辑的可视化节点；元素蒙层添加模块，在待编辑的可视化节点上添加一层元素蒙层；编辑模块，在元素蒙层上，接收用户针对待编辑的可视化节点的编辑操作，根据编辑操作对待编辑的可视化节点进行编辑。在本专利技术的一些实施例中，在接收用户针对网页中可视化节点的输入操作之前，该装置还包括：第二接收模块，用于接收网页数据，网页数据中包含可视化节点数据；渲染模块，基于浏览器的渲染引擎对可视化节点数据进行渲染；展示模块，在网页上展示渲染后的可视化节点，可视化节点为可被编辑的可视化节点。在本专利技术的一些实施例中，可视化节点数据中包含可视化节点的数目，该装置还包括：第二确定模块，当可视化节点的数目大于预设阈值时，从可视化节点数据中确定目标可视化节点的数据，目标可视化节点为存在动画效果的可视化节点；取消模块，用于根据目标可视化节点的数据，取消目标可视化节点对应的动画效果。在本专利技术的一些实施例中，网页数据中还包含用于生成元素蒙层的数据，在待编辑的可视化节点上添加一层元素蒙层之前，该装置还包括：第三确定模块，用于根据待编辑的可视化节点的标识，从用于生成元素蒙层的数据中确定出与待编辑的可视化节点的标识相对应的数据；生成模块，基于与待编辑的可视化节点的标识相对应的数据，生成元素蒙层。在本专利技术的一些实施例中，上述元素蒙层添加模块包括：第一获取模块，用于获取待编辑的可视化节点的位置信息；元素蒙层添加模块的子模块，用于根据待编辑的可视化节点的位置信息，将元素蒙层添加在待编辑的可视化节点上。在本专利技术的一些实施例中，该装置还包括：可视化节点添加模块，若检测到用户点击网页中的新加按键，则在网页中添加新的可视化节点。在本专利技术的一些实施例中，上述可视化节点添加模块包括：第二获取模块，用于获取网页的空白区域和网页的网络拓扑图；可视化节点添加模块的子模块，用于根据网页的网络拓扑图和网页的空白区域，在网页的空白区域添加新的可视化节点。根据本专利技术实施例的第三方面，提供了一种电子设备，包括：一个或多个处理器；存储装置，用于存储一个或多个程序，当所述一个或多个程序被所述一个或多个处理器执行时，使得所述一个或多个处理器实现如上述实施例中第一方面所述的可视化节点处理方法。根据本专利技术实施例的第四方面，提供了一种计算机可读介质，其上存储有计算机程序，所述程序被处理器执行时实现如上述实施例中第一方面所述的可视化节点处理方法。本专利技术实施例提供的技术方案可以包括以下有益效果：在本专利技术的一些实施例所提供的技术方案中，接收用户针对网页中可视化节点的输入操作，根据所述用户针对网页中可视化节点的输入操作，确定所述网页中待编辑的可视化节点，在所述待编辑的可视化节点上添加一层元素蒙层，在所述元素蒙层上，接收所述用户针对所述待编辑的可视化节点的编辑操作，根据所述编辑操作对所述待编辑的可视化节点进行编辑，这样可以实现可视化节点的自定义编辑，满足了用户的个性化需求，提高用户体验。应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本专利技术。附图说明此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本专利技术的实施例，并与说明书一起用于解释本专利技术的原理。显而易见地，下面描述中的附图仅仅是本专利技术的一些实施例，对于本领域普本文档来自技高网...

【技术保护点】
1.一种可视化节点处理方法，其特征在于，包括：/n接收用户针对网页中可视化节点的输入操作；/n根据所述用户针对网页中可视化节点的输入操作，确定所述网页中待编辑的可视化节点；/n在所述待编辑的可视化节点上添加一层元素蒙层；/n在所述元素蒙层上，接收所述用户针对所述待编辑的可视化节点的编辑操作，根据所述编辑操作对所述待编辑的可视化节点进行编辑。/n

【技术特征摘要】
1.一种可视化节点处理方法，其特征在于，包括：
接收用户针对网页中可视化节点的输入操作；
根据所述用户针对网页中可视化节点的输入操作，确定所述网页中待编辑的可视化节点；
在所述待编辑的可视化节点上添加一层元素蒙层；
在所述元素蒙层上，接收所述用户针对所述待编辑的可视化节点的编辑操作，根据所述编辑操作对所述待编辑的可视化节点进行编辑。


2.根据权利要求1所述的方法，其特征在于，在接收所述用户针对所述网页中可视化节点的输入操作之前，该方法还包括：
接收网页数据，所述网页数据中包含可视化节点数据；
基于浏览器的渲染引擎对所述可视化节点数据进行渲染；
在所述网页上展示渲染后的可视化节点，所述可视化节点为可被编辑的可视化节点。


3.根据权利要求2所述的方法，其特征在于，所述可视化节点数据中包含可视化节点的数目，该方法还包括：
当所述可视化节点的数目大于预设阈值时，从所述可视化节点数据中确定目标可视化节点的数据，所述目标可视化节点为存在动画效果的可视化节点；
根据所述目标可视化节点的数据，取消所述目标可视化节点对应的动画效果。


4.根据权利要求2所述的方法，其特征在于，所述网页数据中还包含用于生成元素蒙层的数据，在所述待编辑的可视化节点上添加一层元素蒙层之前，该方法还包括：
根据所述待编辑的可视化节点的标识，从所述用于生成元素蒙层的数据中确定出与所述待编辑的可视化节点的标识相对应的数据；
基于与所述待编辑的可视化节点的标识相对应的数据，生成所述元素蒙层。


5.根据权利要求1所述的方法，其...

【专利技术属性】
技术研发人员：卜申雷，刘小娟，
申请(专利权)人：北京同邦卓益科技有限公司，
类型：发明
国别省市：北京;11