一种基于可视化控件呈现数据的方法和装置制造方法及图纸

本发明专利技术的目的是提供一种基于可视化控件呈现数据的方法和装置。根据本发明专利技术的方法包括控件提供方执行的以下步骤：在用户通过用户端浏览器访问控件使用方的网站的数据页面时，接收来自用户端浏览器的跨域访问请求；基于所述跨域访问请求，向所述用户端浏览器发送与所述控件使用方对应的可视化控件的定义参数信息，以供浏览器加载该可视化控件；向所述用户端浏览器提供可视化控件所需的显示数据。本发明专利技术具有以下优点：方便控件使用方完善自身网站相关页面的数据可视化功能；实现了浏览器的跨域访问和数据交互，并且根据本发明专利技术的可视化控件的嵌入步骤简单，提升了用户体验。

Method and device for presenting data based on visual control

The aim of the invention is to provide a method and a device for presenting data based on visual control. According to the method of the invention comprises the following steps of executing control provides: the user access control using the party through the client browser web page data, receiving cross domain access requests from the client browser; the cross domain access request based on the user terminal to the browser sends and the control using the definition the corresponding parameter information of visual controls, for the browser to load the visual controls; provide display data visualization controls required to the client browser. The invention has the following advantages: it is convenient for the control user to improve the data visualization function of the related pages of the website; realizes the cross domain access and data interaction of the browser; and the embedded step of the visual control according to the invention is simple and improves the user experience.

【技术实现步骤摘要】
一种基于可视化控件呈现数据的方法和装置
本专利技术涉及计算机
，尤其涉及一种基于可视化控件呈现数据的方法和装置。
技术介绍
数据仪表盘/报表(Dashboard/Report)是一种使用广泛的数据可视化形式，常用于各种行业相关的监控和分析应用当中，如：工业能耗监控、温度监控、财务报表等。与传统的单个图表相比，它的表现形式更灵活，可对接的数据源种类更多，交互体验更丰富。而现有的传统的在线Dashboard/Report制作工具的输出形式主要是独立的H5页面或SPA，很难被当成控件嵌入用户现有的用户界面使用，如用户需要嵌入现有的用户界面使用只能通过iframe的方式，不能很好的解决跨域访问、跨域鉴权、控件开放交互接口(API)等问题。因此，基于现有技术的方案，对于类似Dashboard/Report的数据，一般无法在用户端浏览器中通过嵌入可视化控件的方式来显示所需要的数据。
技术实现思路
本专利技术的目的是提供一种基于可视化控件呈现数据的方法和装置。根据本专利技术的一个方面，提供了一种在控件提供方设备中管理可视化控件的方法，其中，控件使用方的开发人员在控件提供方的网站中使用软件开发工具本文档来自技高网...

【技术保护点】
一种在控件提供方设备中管理可视化控件的方法，其中，控件使用方的开发人员在控件提供方的网站中使用软件开发工具包来在自身网站的数据页面中嵌入可视化控件，所述方法包括以下步骤：‑在用户通过用户端浏览器访问控件使用方的网站的数据页面时，接收来自用户端浏览器的跨域访问请求；‑基于所述跨域访问请求，向所述用户端浏览器发送与所述控件使用方对应的可视化控件的定义参数信息，以供浏览器加载该可视化控件；其中，所述方法包括以下步骤：‑向所述用户端浏览器提供可视化控件所需的显示数据。

【技术特征摘要】
1.一种在控件提供方设备中管理可视化控件的方法，其中，控件使用方的开发人员在控件提供方的网站中使用软件开发工具包来在自身网站的数据页面中嵌入可视化控件，所述方法包括以下步骤：-在用户通过用户端浏览器访问控件使用方的网站的数据页面时，接收来自用户端浏览器的跨域访问请求；-基于所述跨域访问请求，向所述用户端浏览器发送与所述控件使用方对应的可视化控件的定义参数信息，以供浏览器加载该可视化控件；其中，所述方法包括以下步骤：-向所述用户端浏览器提供可视化控件所需的显示数据。2.根据权利要求1所述的方法，其中，所述向所述用户端浏览器提供可视化控件所需的显示数据的步骤包括以下步骤：-接收来自用户端浏览器的数据请求，该数据请求用于请求可视化控件所需的显示数据；-向控件使用方的服务端发送该数据请求，以获取所需的显示数据；-向该浏览器发送可视化控件所需的显示数据。3.根据权利要求2所述的方法，其中，所述方法包括以下步骤：-根据控件使用方的设置操作，在可视化控件的描述文件中保存回传参数，以基于该回传参数向控件使用方的服务端回传数据。4.根据权利要求1至3中任一项所述的方法，其中，所述方法包括以下步骤：-基于控件使用方的开发人员的设置操作，存储对应于各个控件使用方的可视化控件的定义参数信息。5.根据权利要求1至4中任一项所述的方法，其中，控件提供方为每个控件使用方分配一个集成密钥，所述方法包括以下步骤：-接收控件使用方服务端发送的与其对应的集成密钥；-基于所述集成密钥对其进行认证，并在认证通过后向该控件使用方的服务端发送访问令牌，以供用户端浏览器使用访问令牌初始化可视化控件。6.一种在用户端浏览器中使用可视化控件呈现数据的方法，其中，控件使用方在控件提供方的网站中使用软件开发工具包来在自身网站的数据页面中嵌入可视化控件，所述方法包括以下步骤：-用户访问控件使用方的网站的数据页面时，向控件提供方设备发送相应的跨域访问请求；-接收控件提供方设备发送的可视化控件的定义参数信息，以在该数据页面中加载该可视化控件；其中，所述方法包括以下步骤：-获取控件提供方设备提供的可视化控件所需的显示数据。7.根据权利要求6所述的方法，其中，所述获取控件提供方设备提供的可视化控件所需的显示数据的步骤包括以下步骤：-需要在可视化控件中加载用户数据时，向控件提供方设备发送数据请求；-接收控件提供方设备返回的可视化控件所需的显示数据，以在可视化控件中进行呈现。8.根据权利要求6或7所述的方法，其中，所述方法包括以下步骤：-向控件使用方的服务端发送认证请求；-认证通过后，从控件使用方的服务端获取访问令牌，以使用该访问令牌在浏览器中初始化可视化控件。9.根据权利要求6至8中任一项所述的方法，其中，所述方法在向控件提供方设备发送跨域访问请求的步骤之前包括以下步骤：-通过与对控件使用方设备的数据交互，对使用浏览器的用户进行鉴权，从而在鉴权成功之后向控件提供方设备发送跨域访问请求。10.一种在控件提供方设备中管理可视化控件的控件管理装置，其中，控件使用方的开发人员在控件提供方的网站中使用开发工具包来在自身网站的数据页面中嵌入可视化控件，所述提供装置包括：用于在用户通过用户端浏览器中访问控件使用方的网站的数据页面时，接收来自用户端浏览器的跨域访问请求...

【专利技术属性】
技术研发人员：郝郁，刘靖，程荣，王智，赵沐为，钟姿艳，
申请(专利权)人：北京百度网讯科技有限公司，
类型：发明
国别省市：北京,11