[發(fā)明專利]一種基因大數(shù)據(jù)前端可視化交互分析方法

在審

• 申請?zhí)枺?/td>: 202011154123.2
• 申請日: 2020-10-26
• 公開（公告）號: CN112015513A
• 公開（公告）日: 2020-12-01
• 發(fā)明（設(shè)計）人: 高川;周煌凱;夏昊強;艾鵬;陳建周;張秋雪
• 申請（專利權(quán)）人: 廣州基迪奧生物科技有限公司
• 主分類號: G06F9/451
• 分類號: G06F9/451;G16B45/00
• 代理公司: 廣州容大知識產(chǎn)權(quán)代理事務(wù)所(普通合伙) 44326
• 代理人: 潘素云

1.一種基因大數(shù)據(jù)前端可視化交互分析方法，其特征在于，包括如下步驟：

S1、JavaScript腳本加載：前端交互技術(shù)使用JavaScript；用戶登陸某個頁面網(wǎng)址后，瀏覽器向服務(wù)器發(fā)送請求；服務(wù)器接收請求后，向用戶瀏覽器發(fā)送JavaScript腳本包，JavaScript腳本包中包含瀏覽器界面布局信息和后續(xù)所有的繪圖腳本；

S2、數(shù)據(jù)加載：如果瀏覽器頁面時涉及某個圖形或者用戶主動選擇某個圖形后，瀏覽器將通過云端向服務(wù)器發(fā)送數(shù)據(jù)請求；服務(wù)器接收請求后，將對應(yīng)數(shù)據(jù)發(fā)送給用戶瀏覽器；

S3、圖形初步渲染：瀏覽器基于繪圖數(shù)據(jù)和JavaScript腳本，使用Canvas繪圖代碼實現(xiàn)高效動態(tài)視圖渲染；

S4、圖形參數(shù)調(diào)整與重新渲染：用戶選擇瀏覽器界面的交互式菜單欄中的圖形參數(shù)選項；菜單信息將以參數(shù)的形式直接反饋給前端瀏覽器，被讀入JavaScript腳本，繼續(xù)使用Canvas繪圖代碼重新完成圖形渲染；

S5、圖形導(dǎo)出：用戶在交互界面，點擊選擇SVG或者PNG輸出圖形后，瀏覽器將基于JavaScript腳本包中的Canvas轉(zhuǎn)碼腳本，將Canvas圖形代碼轉(zhuǎn)化為SVG或者PNG圖形代碼，并另存SVG或者PNG圖形到電腦本地文件夾。

2.根據(jù)權(quán)利要求1所述的基因大數(shù)據(jù)前端可視化交互分析方法，其特征在于，可視化交互分析的圖型包括t-sne圖、散點圖、曼哈頓圖和QQ plot圖。

3.根據(jù)權(quán)利要求2所述的基因大數(shù)據(jù)前端可視化交互分析方法，其特征在于，散點圖為相關(guān)性系數(shù)散點圖和火山圖。

4.根據(jù)權(quán)利要求1所述的基因大數(shù)據(jù)前端可視化交互分析方法，其特征在于，S4 中，參數(shù)調(diào)整包括圖形中的字體大小、字體選擇、圖形標(biāo)題、X軸和Y軸標(biāo)題、透明度、圖形邊框、圖例、點的大小和點的顏色。

5.根據(jù)權(quán)利要求1所述的基因大數(shù)據(jù)前端可視化交互分析方法，其特征在于，S5中，下載的SVG或PNG格式圖形，可自定義設(shè)置圖形高度和寬度。