国产chinesehd精品酒店,邱淑贞aa极毛片,国产在线色视频,玖玖爱zh综合伊人久久

　　Web的前端開(kāi)發(fā)中，常常會(huì)對(duì)數(shù)據(jù)做出統(tǒng)計(jì)，進(jìn)而要求繪制出相應(yīng)的統(tǒng)計(jì)圖以便查看數(shù)據(jù)的走向和趨勢(shì)。本文通過(guò)對(duì)基于Jquery的繪圖插件Highcharts的結(jié)構(gòu)分析，完成了對(duì)Highcharts的簡(jiǎn)介、文件結(jié)構(gòu)和配置以及高級(jí)功能的介紹。
　　
　　在前端開(kāi)發(fā)中，能完成圖表的繪制功能的插件有很多，例如Cubism、RGraph、Cytoscape Web gvChart和Highcharts等。這些插件都是以Js為基礎(chǔ)開(kāi)發(fā)而成，其中，Highcharts是目前較為流行且功能強(qiáng)大的一款圖表插件，幾乎可以滿足Web圖表的任何需求。本文介紹了Highcharts插件的基本概念、文件結(jié)構(gòu)、配置方法和高級(jí)功能。

　　1 Highcharts簡(jiǎn)介
　　
　　1.1 Highcharts概念
　　
　　Highcharts是一個(gè)用純HTML5/JavaScript一個(gè)圖表庫(kù)，提供直觀的，交互式的圖表到你的網(wǎng)站或Web應(yīng)用程序。 Highcharts目前支持直線圖、曲線圖、面積圖、柱狀圖、餅圖、散點(diǎn)圖等多達(dá)18種不同類(lèi)型的圖表。
　　
　　1.2 Highcharts的兼容性
　　
　　它適用于所有的主流瀏覽器，如：IE、Firefox、Chrome、Safari，甚至包括括iPhone/ iPad和android等移動(dòng)設(shè)備上的瀏覽器。并且，在iOS和Android，多點(diǎn)觸控支持提供無(wú)縫的用戶體驗(yàn)。標(biāo)準(zhǔn)瀏覽器使用SVG的圖形渲染。在較為老舊的Internet Explorer中的圖形使用VML繪制。
　　
　　1.3 免費(fèi)用于非商業(yè)場(chǎng)景
　　
　　對(duì)個(gè)人用戶及非商業(yè)用途而言，Highcharts是免費(fèi)的，并且開(kāi)放源代碼的下載。而商業(yè)用途的話，需要購(gòu)買(mǎi)軟件許可。
　　
　　2 Highcharts文件結(jié)構(gòu)
　　
　　本文以Highcharts 3.0.9版本為例，介紹Highcharts的文件結(jié)構(gòu)。
　　
　　在官方網(wǎng)站（http：//www.highcharts.com/）下載得到Hightcharts的壓縮包以后解壓會(huì)得到5個(gè)文件夾（example，exporting-server，gfx，graphic和js）和一個(gè)index.htm的實(shí)例入口頁(yè)面。這5個(gè)文件夾的作用分別是：
　　
　　example：例子代碼目錄
　　
　　exporting-server：導(dǎo)出服務(wù)器目錄
　　
　　gfx、graphics：示例代碼所需要的圖片文件
　　
　　js：所有的js文件
　　
　　3 Hightcharts配置
　　
　　Highcharts運(yùn)行需要兩個(gè)js文件，Highcharts.js及jQuery、MooTools、Prototype、Highcharts Standalone Framework 中的一個(gè)框架文件。
　　
　　在html文件引入js文件有在線引入和本地引入兩種方式，針對(duì)不同的js框架需要引入的js文件不同。
　　
　　3.1 在線引入js文件
　　
　　jQuery是目前使用最多的js框架，Highcharts就是基于jQuery的一款繪圖插件。
　　
　　如果頁(yè)面只有highcharts用到j(luò)query功能（也就是jQuery沒(méi)有進(jìn)行其他的dom操作），可以考慮使用Highcharts Standalone Framework。Highcharts Standalone Framework 壓縮后只有 2k，相對(duì)jQuery 100多k的體積，Highcharts Standalone Framework無(wú)疑會(huì)減少很多網(wǎng)絡(luò)帶寬。
　　
　　3.2 引入本地js文件
　　
　　Highcharts所有js文件都可以通過(guò)下載獲得，在實(shí)際項(xiàng)目中，更多的是引入本地文件。
　　
　　3.3 高級(jí)功能
　　
　　Highcharts提供圖表導(dǎo)出、更換圖表主題等功能，要實(shí)現(xiàn)這些功能需要額外引入js文件
　　
　　Highcharts提供將圖表導(dǎo)出（或下載）為常見(jiàn)圖片文件及打印圖表功能。想要使用該功能，只需要引入exporting.js即可。
　　
　　Highcharts提供圖表更換主題功能，只需要引入主題js文件即可更換主題。除默認(rèn)主題樣式外，Highcharts官方提供5款可選主題，當(dāng)然你也可以設(shè)計(jì)自己的圖表主題。
　　
　　4 結(jié)束語(yǔ)
　　
　　本文在對(duì)基于Jquery的Highcharts繪圖插件的基本情況進(jìn)行了一個(gè)較為全面的介紹，由于該插件的資料幾乎都以英文為主，本文把該插件的概念、安裝和高級(jí)功能進(jìn)行梳理，希望對(duì)其他程序員有所啟發(fā)。