[发明专利]一种利用JavaScript生成数据图表的方法及装置

说明书

本发明公开了一种利用JavaScript生成数据图表的方法及装置，包括以下步骤：步骤一，将JavaScript代码载入应用程序；步骤二，实例化webview组件对象，并利用所述webview组件对象加载所述JavaScript代码的url地址；步骤三，初始化所述应用程序的渲染服务；步骤四，将资源数据及回调方法提交至所述渲染服务，封装成渲染任务并添加至渲染任务队列，等待执行；步骤五，对位于所述渲染任务队列首部的渲染任务执行渲染操作，并生成图表数据；步骤六，接收所述图表数据，并执行所述回调方法发送所述图表数据，本发明的利用JavaScript生成数据图表的方法及装置具有跨平台，高兼容性的特点，且能够在无网络环境下，正常渲染图片。

技术领域

本发明涉及数据图表生成领域，尤其涉及一种利用JavaScript生成数据图表的方法及装置。

背景技术

目前，在数据可视化类的应用中，通常跨多平台，浏览器、App等，为了保证在应用程序中生成的数据图表在格式、样式等方面与浏览器平台保持一致，同时提高代码复用度，降低开发周期和成本，利用应用程序中对Javascript的高度支持特性，在应用程序中内嵌(或通过网络下载)Javascript图表渲染引擎，通过应用程序的Navtive代码调用Javascript渲染引擎提供的相关函数，生成数据图表的图片，并且支持图片格式的自定义，需要相应的Javascript库进行支持。

在现有的应用程序中，图片的渲染通常都在服务端完成，在网络正常的情况下，没有问题，如果用户所处环境没有网络，则图片渲染操作就完全不能正常执行。

针对现有技术中所存在的问题，提供一种利用JavaScript生成数据图表的方法及装置具有重要意义。

发明内容

为解决上述问题，本发明提供一种利用JavaScript生成数据图表的方法及装置。

为实现上述目的，本发明的利用JavaScript生成数据图表的方法，具体包括以下步骤：步骤一，将JavaScript代码载入应用程序；步骤二，实例化webview组件对象，并利用所述webview组件对象加载所述JavaScript代码的url地址；步骤三，初始化所述应用程序的渲染服务；步骤四，将资源数据及回调方法提交至所述渲染服务，封装成渲染任务并添加至渲染任务队列，等待执行；步骤五，对位于所述渲染任务队列首部的渲染任务执行渲染操作，并生成图表数据；步骤六，接收所述图表数据，并执行所述回调方法发送所述图表数据；

进一步地，所述webview组件对象可以为UIWebView组件对象或WKWebView组件对象；

进一步地，所述步骤四中，在封装成渲染任务并添加至渲染任务队列之后，等待执行之前，还包括，根据当前所述渲染任务队列中任务的执行数量和任务的优先级，调整任务在所述渲染任务队列中的位置；

进一步地，所述步骤五还可以为，对位于所述渲染任务队列首部的渲染任务执行渲染操作，根据所述资源数据和配置生成相应的图表，并通过事件方式，将图表数据封装成事件对象；

进一步地，所述步骤六还可以为，接收所述事件对象，从所述事件对象中获取所述图表数据，并根据所述事件对象查找相对应的回调方法，执行所述回调方法发送所述图表数据；

进一步地，所述应用程序为基于IOS操作系统的应用程序；

本发明还提供了一种基于JavaScript生成数据图表的装置，包括渲染任务调度器和渲染内核，所述渲染任务调度器用于调度渲染任务、保持渲染任务队列、接收渲染结果、执行回调方法和调整渲染任务队列顺序；所述渲染内核运行在所述webview组件对象中，所述渲染内核用于接受资源数据，对所述资源数据进行渲染，并将渲染结果返回给渲染任务调度器；