使用控件

本案例中主要用到的是由純JavaScript編寫的一個圖表庫控件：Highcharts

企業及項目介紹

浪潮是中國最早的IT品牌之一。上世紀六十年代，浪潮的前身——山東電子設備廠在開始生產計算機外圍設備和低頻大功率電子管。1970年，中國第一顆人造衛星“東方紅1號”就采用了浪潮生產的晶體管作為電子元件。

浪潮集團擁有浪潮信息、浪潮軟件、浪潮國際三家上市公司，業務涵蓋系統與技術、軟件與服務、半導體三大產業群組，為全球三十多個國家和地區提供IT產品和服務，全方位滿足政府與企業信息化需求。2011年實現銷售收入366.8億元人民幣，位列2012年中國電子信息產業百強第11位，綜合實力位居中國IT企業前兩位、中國自主品牌IT服務商第二名、中國自主品牌軟件廠商第一位、中國大企業集團競爭力500強第三位，先后獲得“云計算創新典范企業獎”、“云計算客戶示范應用示范獎”以及“2011信息產業云計算突出貢獻獎”等重要榮譽。

浪潮服務器連續16年蟬聯國有品牌銷量第一，浪潮存儲連續8年蟬聯國有品牌銷量第一；浪潮集團管理軟件連續9年市場占有率第一；浪潮稅控機連續9年銷量第一。

本項目是針對煙草行業響應國家煙草總局的要求，打造的一個一體化信息平臺，案例中的幾個圖表是從管理平臺中抽取的幾個報表模塊的展示。

選擇該控件的原因

HighCharts界面美觀，由于使用JavaScript編寫，所以不需要Flash等插件的支持，運行速度快。另外HighCharts還有很好的兼容性，能夠完美支持當前大多數瀏覽器。HighCharts支持的圖表類型，包括曲線圖、區域圖、柱狀圖、餅狀圖、散狀點圖和綜合圖表等等，完全可以滿足項目開發中的需求。此控件還具有眾多主題，動態交互很好，操作簡單等優點，所以選擇該控件作為圖表效果展示的開發首選。

控件應用情況

終端數據監控模塊的展示主要是一個報表的功能，功能簡單實用，簡單的數據表格展示。

 

這部分主要用到了圖表展示中的餅圖跟柱形圖， highcharts這控件在圖形展示方面，加載速度很快。Highcharts純js編寫不需額外插件的支持，對客戶機的要求較低，利于客戶滿意度的提高。

 

數據質量監控部分主要用到了圖表展示中的儀表盤，給人煥然一新的感覺，并且開發工作量也不大。

 

以上簡單列舉了highcharts在項目中幾個模塊的應用展示，highcharts針對新手的上手速度也是很快的，根據幫助文檔API，可以迅速的掌握基本的開發方法，簡單的js就可以勾勒出立意鮮明的圖表。

我還想說...

該控件在實際開發中確實有優勢，本人先后用過幾個圖表控件，但是實際使用這款控件的時候明顯的感覺開發的難易程度，以及達到的效果都要比以前所用的優秀，特別是效果圖的呈現效率，不需要加載很長時間便可以呈現出來。

聲明

本人提交此案例參加慧都第一屆案例大賽，并同意本案例內容用于慧都科技和該控件廠商的市場宣傳。

案例提交人信息

本人姓名：劉明曉

公司：山東齊魯軟件產業股份有限公司（浪潮）

職位：研發工程師