[发明专利]图表展示方法及装置、电子设备、存储介质

说明书

本申请提供了一种图表展示方法及装置、电子设备、存储介质，其中，方法包括：当浏览器接口可执行的方法代码开始运行时，拦截所述方法代码，并获取所述方法代码中携带的数据；对所述数据进行转换处理，得到事件信息，并将所述事件信息发送至浏览器中，由所述浏览器调用其对应的数据可视化图表库内置的、与所述事件信息匹配的目标方法代码，得到对应的待展示图表的参数；接收所述浏览器返回的所述待展示图表的参数，并根据所述待展示图表的参数，在客户端展示所述待展示图表；从而实现在客户端中展示与浏览器展示效果一样的图表，实现客户端与浏览器之间跨平台展示图表。

技术领域

本申请涉及计算机技术领域，特别是涉及图表展示方法及装置、电子设备、存储介质。

背景技术

安卓和IOS(苹果公司开发的移动操作系统)都有自己对应的图表库。为实现安卓和IOS之间跨平台展示图表，现有的方法是，将安卓和IOS支持的所有图表组件封装成RN(React Native，脸书开发的跨平台移动应用开发框架)可调用的组件，在RN开发中去调用相应的图表组件来实现安卓和IOS之间的跨平台展示图表。

现有技术至少存在如下不足：1、在将安卓和IOS支持的图表组件封装成RN可调用的组件的过程中，需要很多人力成本，且定制化比较高，不易于后期的维护；2、现有技术仅能实现安卓和IOS之间的跨平台，而实际上常常还具有手机客户端和浏览器的跨平台需求等，现有技术不能满足其他跨平台展示图表的需求。

发明内容

鉴于上述问题，提出了本申请以便提供克服上述问题或者至少部分地解决上述问题的图表展示方法及装置、电子设备、存储介质，包括：

一种图表展示方法，所述方法包括：

当浏览器接口可执行的方法代码开始运行时，拦截所述方法代码，并获取所述方法代码中携带的数据；

对所述数据进行转换处理，得到事件信息，并将所述事件信息发送至浏览器中，由所述浏览器调用其对应的数据可视化图表库内置的、与所述事件信息匹配的目标方法代码，得到对应的待展示图表的参数；

接收所述浏览器返回的所述待展示图表的参数，并根据所述待展示图表的参数，在客户端展示所述待展示图表。

可选地，所述当浏览器接口可执行的方法代码开始运行时，拦截所述方法代码，还包括：

运行代理脚本，通过所述代理脚本拦截所述浏览器接口可执行的方法代码；所述代理脚本枚举所述浏览器接口可执行的方法代码。

可选地，所述对所述数据进行转换处理，得到事件信息，包括：

确定所述方法代码的属性类型；

根据所述属性类型确定转换规则；

采用所述转换规则对所述数据进行转换，得到事件信息。

可选地，所述根据所述属性类型确定转换规则，包括：

当所述属性类型为字符串类型时，确定所述转换规则为递归转换；

当所述属性类型为函数类型时，确定所述转换规则为字符串转换。

可选地，所述方法还包括：

当拦截到所述方法代码时，生成所述方法代码对应的消息标识；所述事件信息中包含所述消息标识。

可选地，所述接收所述浏览器返回的所述待展示图表的参数，并根据所述待展示图表的参数，在客户端展示所述待展示图表，包括：

接收所述浏览器返回的所述待展示图表的参数，将所述待展示图表的参数作为所述消息标识对应的回调函数运行结果；