本發明專利技術涉及一種Java結合HTML5生成圖表的框架展現方法及其系統，其中該系統包括數據獲取模塊、數據處理模塊和數據展現模塊。采用了Java和HTML5相結合的技術，通過對需要生成圖表的數據進行實體化的封裝，使數據展現得到了對象化，達到了原先過程化到對象化的具體變化，實現了Java與HTML5結合生成圖表的技術效果，并且使生成的圖表美觀大方，同時使用異步刷新無需刷新整個頁面，并且圖表還具有動畫效果，方便了開發者進行開發，可以有效地提高工作效率，提升開發速度，節約項目完成的時間。
【技術實現步驟摘要】
本專利技術屬于Java開發中的前端展現領域，涉及一種圖表展現的方式，具體涉及一種新興的HTML5技術。
技術介紹
當前前端圖表展現技術多數為靜態圖表或者Flash生成的圖表，存在的時間較長，優點是使用穩定，長期的技術積累框架多容易實現。缺點是生成的報表不夠美觀，使用異步刷新的技術較少，或者是Flash的使用較麻煩。fusioncharts (HTML5版)的出現使得報表更加美觀,但是從后端(如數據庫中)取到的數據，需要到前端進行數據處理，將最原始的對象型數據，循環解析并取出數據展現需要的屬性，將屬性拼寫填入預先定義好的xml格式字符串中，然后將處理好的數據組成fusioncharts 可以使用的 數據結構，如{〃chart〃: {〃caption〃: 〃MonthlyRevenue〃，〃xaxi” //-,g, I ” ”·//// //I(-. . // // At // // I-I// ” r\”~\sname : Month，yaxisname : Revenue，numberpretix : ，showvalues : I, data:[ {label:Jan，value:420000}，{label:Feb，value:910000}，{labeI: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:0ct，value:490000}， {label:Nov，value:530000}， {label:Dec，value:330000}]，trendlines: {line:[{startvalue:700000，color:009933 、// // rp, // η // , - Γ Γ I χ* · 丄· Γ Γ丄 Γ Γ” ”「，disp_Layva_Lue : iarget j」j， styles : L ι detinition : L ι style : L ι name : CanvΑ . // // ,”” · , . ”””” ο -ι // // , , // // f\ // // ι, . // ^ 1 ^ ^asAnim，type : animation，par am : _xSca_Le，start : ，duration : I _}」_}」，application^:[{〃apply〃:[{〃toobject〃:〃Canvas〃，〃styles〃:〃CanvasAnim〃}]}]}]}，然后交給fusioncharts進行處理。這將導致前端顯示部件還要承擔一部分數據處理的工作，這將給前端帶來開發效率低下的問題。公開號為CN102591961A的專利申請公開了一種制作數據圖表的方法及系統，其中使用fusioncharts作為展現組件，而在業務模塊對用戶數據進行分析統計生成數據包后，視圖模塊還需要對該數據包進行處理(如調用標簽)來生成需要展示的圖表，這將給前端帶來開發負擔，開發效率低下。
技術實現思路
有鑒于此，本專利技術針對傳統圖表展現技術中的報表不夠美觀，使用異步刷新的技術較少，前端開發效率低下的問題，提供一種Java結合HTML5生成圖表的框架展現方法及其系統，采用了 Java和HTML5相結合的技術，通過對需要生成圖表的數據進行實體化的封裝，使數據展現得到了對象化，達到了原先過程化到對象化的具體變化，實現了 Java與HTML5結合生成圖表的技術效果，并且使生成的圖表美觀大方，同時使用異步刷新無需刷新整個頁面，并且圖表還具有動畫效果，方便了開發者進行開發，可以有效地提高工作效率，提升開發速度，節約項目完成的時間。為解決上述問題，本專利技術提供的技術方案如下 一種Java結合HTML5生成圖表的框架展現系統，其中該系統包括數據獲取模塊、數據處理模塊和數據展現模塊；其中， 所述數據獲取模塊，用于利用Java接口，從數據庫中獲取需要展現的原始數據；所述數據處理模塊，用于利用Java接口，對所述原始數據進行封裝處理，并傳輸到所述數據展現模塊； 所述數據展現模塊，用于通過Fusioncharts直接接收所述處理后的數據并進行展現。優選的是，所述數據獲取模塊利用Java接口，使用sql語句從mysql數據庫中獲取需要展現的原始數據。在上述任一方案中優選的是，所述數據處理模塊包括第一封裝模塊、數據歸類模·塊、第二封裝模塊和數據傳輸模塊；其中， 所述第一封裝模塊，用于利用Java接口，將所述原始數據封裝成Java對象，生成一個類文件的集合； 所述數據歸類模塊，用于將所述Java對象數據取出，并根據歸類條件進行歸類，然后分別存入相應的類別集合當中； 所述第二封裝模塊，用于利用chart-support接口，將所述歸類后的類別集合數據，封裝成所述數據展現模塊可以識別的展現對象； 所述數據傳輸模塊，用于將所述展現對象傳輸到所述數據展現模塊。在上述任一方案中優選的是，所述歸類條件包括日期、地域。在上述任一方案中優選的是,所述展現對象包括json對象或xml對象。本專利技術的第二個方面涉及一種Java結合HTML5生成圖表的框架展現方法，包括以下步驟 利用Java接口，從數據庫中獲取需要展現的原始數據； 利用Java接口，對所述原始數據進行封裝處理，并傳輸到前端； 所述前端通過Fusioncharts直接接收所述處理后的數據并進行展現。優選的是，所述利用Java接口，從數據庫中獲取需要展現的原始數據，進一步包括利用Java接口，使用sql語句從mysql數據庫中獲取需要展現的原始數據。在上述任一方案中優選的是,所述前端通過Fusioncharts直接接收所述處理后的數據并進行展現，進一步包括 利用Java接口，將所述原始數據封裝成Java對象,生成一個類文件的集合； 將所述Java對象數據取出，并根據歸類條件進行歸類，然后分別存入相應的類別集合當中； 利用chart-support接口，將所述歸類后的類別集合數據，封裝成所述前端可以識別的展現對象； 將所述展現對象傳輸到所述前端。在上述任一方案中優選的是，所述歸類條件包括日期、地域。在上述任一方案中優選的是，所述展現對象包括json對象或xml對象。可以看出，采用本專利技術的系統和方法,只要使用chart-support相關的API,就可以在業務處理層面上對從數據庫得到的數據進行解析，業務處理，然后把數據進行封裝到對應的實體對象中，直接將實體對象轉換成fusioncharts需要的json數據或者xml數據，fusioncharts接收到數據直接可以進行展現，不必再進行數據處理。這樣既實現了業務與展現層次分明，又可以提高開發效率，一次開發多次使用，簡化了開發步驟。本專利技術的優點在于1)邏輯結構清晰，對比原有技術可以展現更清晰的邏輯結構從而處理數據更明了； 2)數據生成方便，使用jav本文檔來自技高網...
【技術保護點】
一種Java結合HTML5生成圖表的框架展現系統，包括數據獲取模塊、數據處理模塊和數據展現模塊；其特征在于，所述數據獲取模塊，用于利用Java接口，從數據庫中獲取需要展現的原始數據；所述數據處理模塊，用于利用Java接口，對所述原始數據進行封裝處理，并傳輸到所述數據展現模塊；所述數據展現模塊，用于通過Fusioncharts直接接收所述處理后的數據并進行展現。
【技術特征摘要】
1.一種Java結合HTML5生成圖表的框架展現系統，包括數據獲取模塊、數據處理模塊和數據展現模塊；其特征在于， 所述數據獲取模塊，用于利用Java接口，從數據庫中獲取需要展現的原始數據；所述數據處理模塊，用于利用Java接口，對所述原始數據進行封裝處理，并傳輸到所述數據展現模塊； 所述數據展現模塊，用于通過Fusioncharts直接接收所述處理后的數據并進行展現。2.根據權利要求I所述的系統，其特征在于，所述數據獲取模塊利用Java接口，使用sql語句從mysql數據庫中獲取需要展現的原始數據。3.根據權利要求I所述的系統，其特征在于，所述數據處理模塊包括第一封裝模塊、數據歸類模塊、第二封裝模塊和數據傳輸模塊；其中， 所述第一封裝模塊，用于利用Java接口，將所述原始數據封裝成Java對象，生成一個類文件的集合； 所述數據歸類模塊，用于將所述Java對象數據取出，并根據歸類條件進行歸類，然后分別存入相應的類別集合當中； 所述第二封裝模塊，用于利用chart-support接口，將所述歸類后的類別集合數據，封裝成所述數據展現模塊可以識別的展現對象； 所述數據傳輸模塊，用于將所述展現對象傳輸到所述數據展現模塊。4.根據權利要求3所述的系統，其特征在于，所述歸類條件是日期。5....
【專利技術屬性】
技術研發人員：王帥，白德鑫，
申請(專利權)人：樂視網信息技術北京股份有限公司，
類型：發明
國別省市：
還沒有人留言評論。發表了對其他瀏覽者有用的留言會獲得科技券。