一种网页图表组件的编辑方法、系统、电子设备及存储介质技术方案

本申请提供一种网页图表组件的编辑方法、系统、电子设备及存储介质。方法包括：响应用户在可视化界面内输入的网页图表组件选择操作，从预设的各网页图表组件中确定出所述用户选中的网页图表组件，并在所述可视化界面上显示所述选中的网页图表组件；响应所述用户在所述可视化界面内输入的数据元选择操作，从预设的各种数据元中确定出所述用户选中的数据元，并在所述可视化界面上将所述选中的数据元在所述选中的网页图表组件内显示。通过提供一个可视化界面，用户通过在可视化界面选择网页图表组件，以及选择需要该网页图表组件显示的数据元便可以实现对该网页图表组件以及显示的数据的编辑，无需编写代码，提高了编写效率，降低了难度。

A editing method, system, electronic equipment and storage medium of Web chart component

【技术实现步骤摘要】
一种网页图表组件的编辑方法、系统、电子设备及存储介质
本申请涉及计算机
，具体而言，涉及一种网页图表组件的编辑方法、系统、电子设备及存储介质。
技术介绍
在目前的网页编辑技术中，若需要在网页上编辑出图表组件，则需要对网页的底层代码进行编辑，以通过编辑底层代码来在网页的页面上显示出对应的图表组件。这种方式虽然能够实现网页图表组件的显示，代码编写但太过于耗费时间和精力，且编写难度大，不利于实际操作。
技术实现思路
本申请实施例的目的在于提供一种网页图表组件的编辑方法、系统、电子设备及存储介质，用以实现便捷高效且简单的编辑网页图表组件。第一方面，本申请实施例提供了一种网页图表组件的编辑方法，所述方法包括：响应用户在可视化界面内输入的网页图表组件选择操作，从预设的各网页图表组件中确定出所述用户选中的网页图表组件，并在所述可视化界面上显示所述选中的网页图表组件；响应所述用户在所述可视化界面内输入的数据元选择操作，从预设的各种数据元中确定出所述用户选中的数据元，并在所述可视化界面上将所述选中的数据元在所述选中的网页图表组件内显示。在本申请实施例中，通过提供一个可视化界面，用户通过在可视化界面选择网页图表组件，以及选择需要该网页图表组件显示的数据元便可以实现对该网页图表组件以及显示的数据的编辑，无需编写代码，提高了编写效率，降低了难度，实现了便捷高效且简单的编辑网页图表组件。结合第一方面，在第一种可能的实现方式中，在所述可视化界面上显示所述选中的网页图表组件之后，所述方法还包括：响应所述用户在所述可视化界面内输入的所述选中的网页图表组件的参数设置操作，对应生成所述选中的网页图表组件的参数，并根据所述参数调整所述选中的网页图表组件在所述可视化界面上的显示。在本申请实施例中，用户不仅可以选择网页图表组件，还可以调整网页图表组件的参数，以实现更加灵活的调整网页图表组件在可视化界面内的显示。结合第一方面的第一种可能的实现方式，在第二种可能的实现方式中，在所述可视化界面上显示所述选中的网页图表组件之后，以及在响应所述用户在所述可视化界面内输入的所述选中的网页图表组件的参数设置操作之前，所述方法还包括：根据所述选中的网页图表组件可配置的参数类型，在所述可视化界面内生成所述参数类型的参数选择栏；对应的，响应所述用户在所述可视化界面内输入的所述选中的网页图表组件的参数设置操作，包括：响应所述用户在所述参数选择栏内针对所述参数类型输入的参数设置操作。在本申请实施例中，由于可视化界面上显示出了参数选择栏，用户只需要在参数选择栏选择参数即可实现对网页图表组件进行参数配置，进一步简化了用户对参数的编辑。结合第一方面的第一种可能的实现方式，在第三种可能的实现方式中，在对应生成所述选中的网页图表组件的参数之后，以及也在从预设的各种数据元中确定出所述用户选中的数据元之后，所述方法还包括：生成用于显示所述选中的网页图表组件以及所述选中的数据元的页面的id，并建立所述页面的id、所述选中的网页图表组件、所述选中的数据元和所述参数之间的映射关系；当接收到客户端发送的携带有所述id的页面显示请求时，根据所述id对应的所述映射关系，获取到所述选中的网页图表组件、所述选中的数据元和所述参数；根据所述选中的网页图表组件、所述选中的数据元和所述参数，生成所述页面，并将所述页面推送到所述客户端。在本申请实施例中，当对网页编辑完成后，由于将该网页的网页图表组件、数据元以及网页图表组件的参数做了映射，那么在客户端请求该网页时，便可以基于映射快速地生成该网页，并将其推送给客户端。结合第一方面，在第四种可能的实现方式中，在所述可视化界面上将所述选中的数据元在所述选中的网页图表组件内显示，包括：利用所述选中的数据元配置所述选中的网页图表组件，以使所述可视化界面上的所述选中的网页图表组件内显示出所述选中的数据元。在本申请实施例中，由于可以自动利用该选中的数据元配置网页图表组件，无需用户再执行任何操作便可以实现在网页图表组件内显示出该选中的数据元。结合第一方面，在第五种可能的实现方式中，在从预设的各种数据元中确定出所述用户选中的数据元之前，所述方法还包括：获取数据文档；将所述数据文档解析并转化成二元格式的所述数据元。在本申请实施例中，通过自动将数据文档解析并转化成二元格式的数据元，无需用户做任何操作便实现了对满足格式需要的数据元的采集。第二方面，本申请实施例提供了一种网页图表组件的编辑系统，所述系统包括：组件配置模块，用于响应用户在可视化界面内输入的网页图表组件选择操作，从预设的各网页图表组件中确定出所述用户选中的网页图表组件，并在所述可视化界面上显示所述选中的网页图表组件；数据元配置模块，用于响应所述用户在所述可视化界面内输入的数据元选择操作，从预设的各种数据元中确定出所述用户选中的数据元，并在所述可视化界面上将所述选中的数据元在所述选中的网页图表组件内显示。结合第二方面，在第一种可能的实现方式中，所述系统还包括：参数配置模块，所述组件配置模块在所述可视化界面上显示所述选中的网页图表组件之后，所述参数配置模块，用于响应所述用户在所述可视化界面内输入的所述选中的网页图表组件的参数设置操作，对应生成所述选中的网页图表组件的参数，并根据所述参数调整所述选中的网页图表组件在所述可视化界面上的显示。结合第二方面的第一种可能的实现方式，在第二种可能的实现方式中，所述组件配置模块在所述可视化界面上显示所述选中的网页图表组件之后，以及所述参数配置模块在响应所述用户在所述可视化界面内输入的所述选中的网页图表组件的参数设置操作之前，所述参数配置模块，还用于根据所述选中的网页图表组件可配置的参数类型，在所述可视化界面内生成所述参数类型的参数选择栏；对应的，所述参数配置模块，用于响应所述用户在所述参数选择栏内针对所述参数类型输入的参数设置操作。结合第二方面的第一种可能的实现方式，在第三种可能的实现方式中，所述装置还包括：网页配置模块；在所述参数配置模块对应生成所述选中的网页图表组件的参数之后，以及也在所述数据元配置模块从预设的各种数据元中确定出所述用户选中的数据元之后，所述网页配置模块，用于生成用于显示所述选中的网页图表组件以及所述选中的数据元的页面的id，并建立所述页面的id、所述选中的网页图表组件、所述选中的数据元和所述参数之间的映射关系；当接收到客户端发送的携带有所述id的页面显示请求时，根据所述id对应的所述映射关系，获取到所述选中的网页图表组件、所述选中的数据元和所述参数；根据所述选中的网页图表组件、所述选中的数据元和所述参数，生成所述页面，并将所述页面推送到所述客户端。结合第二方面，在第四种可能的实现方式中，所述组件配置模块，用于利用所述选中的数据元配置所述选中的网页图表组件，以使所述可视化界面上的所述选中的网页图表组件内显示出所述选中的数据元。结本文档来自技高网...

【技术保护点】
1.一种网页图表组件的编辑方法，其特征在于，所述方法包括：/n响应用户在可视化界面内输入的网页图表组件选择操作，从预设的各网页图表组件中确定出所述用户选中的网页图表组件，并在所述可视化界面上显示所述选中的网页图表组件；/n响应所述用户在所述可视化界面内输入的数据元选择操作，从预设的各种数据元中确定出所述用户选中的数据元，并在所述可视化界面上将所述选中的数据元在所述选中的网页图表组件内显示。/n

【技术特征摘要】
1.一种网页图表组件的编辑方法，其特征在于，所述方法包括：
响应用户在可视化界面内输入的网页图表组件选择操作，从预设的各网页图表组件中确定出所述用户选中的网页图表组件，并在所述可视化界面上显示所述选中的网页图表组件；
响应所述用户在所述可视化界面内输入的数据元选择操作，从预设的各种数据元中确定出所述用户选中的数据元，并在所述可视化界面上将所述选中的数据元在所述选中的网页图表组件内显示。


2.根据权利要求1所述的网页图表组件的编辑方法，其特征在于，在所述可视化界面上显示所述选中的网页图表组件之后，所述方法还包括：
响应所述用户在所述可视化界面内输入的所述选中的网页图表组件的参数设置操作，对应生成所述选中的网页图表组件的参数，并根据所述参数调整所述选中的网页图表组件在所述可视化界面上的显示。


3.根据权利要求2所述的网页图表组件的编辑方法，其特征在于，在所述可视化界面上显示所述选中的网页图表组件之后，以及在响应所述用户在所述可视化界面内输入的所述选中的网页图表组件的参数设置操作之前，所述方法还包括：
根据所述选中的网页图表组件可配置的参数类型，在所述可视化界面内生成所述参数类型的参数选择栏；
对应的，响应所述用户在所述可视化界面内输入的所述选中的网页图表组件的参数设置操作，包括：
响应所述用户在所述参数选择栏内针对所述参数类型输入的参数设置操作。


4.根据权利要求2所述的网页图表组件的编辑方法，其特征在于，在对应生成所述选中的网页图表组件的参数之后，以及在从预设的各种数据元中确定出所述用户选中的数据元之后，所述方法还包括：
生成用于显示所述选中的网页图表组件以及所述选中的数据元的页面的id，并建立所述页面的id、所述选中的网页图表组件、所述选中的数据元和所述参数之间的映射关系；
当接收到客户端发送的携带有所述id的页面显示请求时，根据所述id对应的所述映射关系，获取到所述选中的网页图表组件、所述选中的数据元和所述参数；
根据所述选中的网页图表组件、所述选中的数据元和所述参数，生成所述页面，并将所述页...

【专利技术属性】
技术研发人员：丁杰超，王炎辉，梁秀钦，
申请(专利权)人：北京明略软件系统有限公司，
类型：发明
国别省市：北京;11