[發(fā)明專利]一種Java結(jié)合HTML5生成圖表的框架展現(xiàn)系統(tǒng)及其方法

無效

• 申請?zhí)枺?/td>: 201210343298.7
• 申請日: 2012-09-17
• 公開（公告）號: CN102902533A
• 公開（公告）日: 2013-01-30
• 發(fā)明（設計）人: 王帥;白德鑫
• 申請（專利權(quán)）人: 樂視網(wǎng)信息技術(shù)（北京）股份有限公司
• 主分類號: G06F9/44
• 分類號: G06F9/44
• 代理公司: 北京馳納智財知識產(chǎn)權(quán)代理事務所(普通合伙) 11367
• 代理人: 謝亮;唐與芬

技術(shù)領域

本發(fā)明屬于Java開發(fā)中的前端展現(xiàn)領域，涉及一種圖表展現(xiàn)的方式，具體涉及一種新興的HTML5技術(shù)。

背景技術(shù)

當前前端圖表展現(xiàn)技術(shù)多數(shù)為靜態(tài)圖表或者Flash生成的圖表，存在的時間較長，優(yōu)點是使用穩(wěn)定，長期的技術(shù)積累框架多容易實現(xiàn)。缺點是生成的報表不夠美觀，使用異步刷新的技術(shù)較少，或者是Flash的使用較麻煩。

fusioncharts(HTML5版)的出現(xiàn)使得報表更加美觀，但是從后端（如數(shù)據(jù)庫中）取到的數(shù)據(jù)，需要到前端進行數(shù)據(jù)處理，將最原始的對象型數(shù)據(jù)，循環(huán)解析并取出數(shù)據(jù)展現(xiàn)需要的屬性，將屬性拼寫填入預先定義好的xml格式字符串中，然后將處理好的數(shù)據(jù)組成fusioncharts可以使用的數(shù)據(jù)結(jié)構(gòu)，如：{chart:{caption:MonthlyRevenue,xaxisname:Month,yaxisname:Revenue,numberprefix:$,showvalues:0},data:[{label:Jan,value:420000},{label:Feb,value:910000},{label:Mar,value:720000},{label:Apr,value:550000},{label:May,value:810000},{label:Jun,value:510000},{label:Jul,value:680000},{label:Aug,value:620000},{label:Sep,value:610000},{label:Oct,value:490000},{label:Nov,value:530000},{label:Dec,value:330000}],trendlines:{line:[{startvalue:700000,color:009933,displayvalue:Target}]},styles:[{definition:[{style:[{name:CanvasAnim,type:animation,param:_xScale,start:0,duration:1}]}],application:[{apply:[{toobject:Canvas,styles:CanvasAnim}]}]}]}，然后交給fusioncharts進行處理。這將導致前端顯示部件還要承擔一部分數(shù)據(jù)處理的工作，這將給前端帶來開發(fā)效率低下的問題。

公開號為CN102591961A的專利申請公開了一種制作數(shù)據(jù)圖表的方法及系統(tǒng)，其中使用fusioncharts作為展現(xiàn)組件，而在業(yè)務模塊對用戶數(shù)據(jù)進行分析統(tǒng)計生成數(shù)據(jù)包后，視圖模塊還需要對該數(shù)據(jù)包進行處理（如調(diào)用標簽）來生成需要展示的圖表，這將給前端帶來開發(fā)負擔，開發(fā)效率低下。

發(fā)明內(nèi)容

有鑒于此，本發(fā)明針對傳統(tǒng)圖表展現(xiàn)技術(shù)中的報表不夠美觀，使用異步刷新的技術(shù)較少，前端開發(fā)效率低下的問題，提供一種Java結(jié)合HTML5生成圖表的框架展現(xiàn)方法及其系統(tǒng)，采用了Java和HTML5相結(jié)合的技術(shù)，通過對需要生成圖表的數(shù)據(jù)進行實體化的封裝，使數(shù)據(jù)展現(xiàn)得到了對象化，達到了原先過程化到對象化的具體變化，實現(xiàn)了Java與HTML5結(jié)合生成圖表的技術(shù)效果，并且使生成的圖表美觀大方，同時使用異步刷新無需刷新整個頁面，并且圖表還具有動畫效果，方便了開發(fā)者進行開發(fā)，可以有效地提高工作效率，提升開發(fā)速度，節(jié)約項目完成的時間。

為解決上述問題，本發(fā)明提供的技術(shù)方案如下：

一種Java結(jié)合HTML5生成圖表的框架展現(xiàn)系統(tǒng)，其中該系統(tǒng)包括數(shù)據(jù)獲取模塊、數(shù)據(jù)處理模塊和數(shù)據(jù)展現(xiàn)模塊；其中，

所述數(shù)據(jù)獲取模塊，用于利用Java接口，從數(shù)據(jù)庫中獲取需要展現(xiàn)的原始數(shù)據(jù)；

所述數(shù)據(jù)處理模塊，用于利用Java接口，對所述原始數(shù)據(jù)進行封裝處理，并傳輸?shù)剿鰯?shù)據(jù)展現(xiàn)模塊；

所述數(shù)據(jù)展現(xiàn)模塊，用于通過Fusioncharts直接接收所述處理后的數(shù)據(jù)并進行展現(xiàn)。

優(yōu)選的是，所述數(shù)據(jù)獲取模塊利用Java接口，使用sql語句從mysql數(shù)據(jù)庫中獲取需要展現(xiàn)的原始數(shù)據(jù)。

在上述任一方案中優(yōu)選的是，所述數(shù)據(jù)處理模塊包括第一封裝模塊、數(shù)據(jù)歸類模塊、第二封裝模塊和數(shù)據(jù)傳輸模塊；其中，

所述第一封裝模塊，用于利用Java接口，將所述原始數(shù)據(jù)封裝成Java對象，生成一個類文件的集合；

所述數(shù)據(jù)歸類模塊，用于將所述Java對象數(shù)據(jù)取出，并根據(jù)歸類條件進行歸類，然后分別存入相應的類別集合當中；