[發明專利]一種利用JavaScript生成數據圖表的方法及裝置

在審

• 申請號: 201711047192.1
• 申請日: 2017-10-31
• 公開（公告）號: CN109739489A
• 公開（公告）日: 2019-05-10
• 發明（設計）人: 趙文浩
• 申請（專利權）人: 天津數觀科技有限公司
• 主分類號: G06F8/34
• 分類號: G06F8/34;G06T15/20
• 代理公司: 北京金信知識產權代理有限公司 11225
• 代理人: 黃威;喻嶸

本發明公開了一種利用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組件對象中，所述渲染內核用于接受資源數據，對所述資源數據進行渲染，并將渲染結果返回給渲染任務調度器；