highstock.js中文版

highstock.js是支持移動(dòng)端、電腦端的一款html5圖表插件，有著強(qiáng)大的圖表制作和數(shù)據(jù)管理功能，是用戶(hù)高效辦公的必備工具，來(lái)綠色資源網(wǎng)免費(fèi)下載使用吧！

Highstock中文插件介紹

Highstock使用純javascript編寫(xiě)，為你創(chuàng)建股票圖表和常用時(shí)間分段圖表，包括復(fù)雜的導(dǎo)航選項(xiàng)，例如：小導(dǎo)航儀系列、預(yù)定日期范圍、日期選擇器、滾動(dòng)和平移。

highstock使用教程

1.準(zhǔn)備工作，引入 highstock 文件

2.圖表的初始化

UTC時(shí)間的設(shè)置和一些公共設(shè)置

渲染圖表方法

渲染方法里需要用到的輔助方法，如UTC 的格式化，X軸時(shí)間的格式化等等

請(qǐng)求的 json 格式，當(dāng)然格式可以自己定義 ，但是需要修改上面方法里的屬性

最后完成的效果圖（當(dāng)然樣式和其他方面還得做調(diào)整）

highstock免費(fèi)版功能特色

豐富的圖表類(lèi)型

Highstock支持折線(xiàn)、曲線(xiàn)、區(qū)域、區(qū)域曲線(xiàn)圖、柱形圖、條形圖、餅圖、散點(diǎn)圖、角度測(cè)量圖、區(qū)域排列圖、區(qū)域曲線(xiàn)排列圖、柱形排列圖、極坐標(biāo)圖等圖表類(lèi)型。其中很多都可以結(jié)合在一張圖表中使用。

純JavaScript代碼

Highstock僅基于本地瀏覽器技術(shù)，不需要?jiǎng)赢?huà)和Java等客戶(hù)端插件。甚至你的服務(wù)器上無(wú)需安裝任何相關(guān)組件。不支持php或者ASP.NET。Highcharts只需要兩個(gè)JS文件就可以運(yùn)行：  highstock.js核心文件，另一個(gè)是JQuery、MooTools或者是原型框架。這些框架中的至少一個(gè)已經(jīng)使用到Web網(wǎng)頁(yè)中了。

事件標(biāo)記

通過(guò)一個(gè)特定的，稱(chēng)作“標(biāo)記”的序列類(lèi)型，你可以直接將事件標(biāo)簽和注釋添加到序列中感興趣的地方，可選用不同視覺(jué)風(fēng)格的標(biāo)簽來(lái)區(qū)分它們，也可以將它們添加到圖表或X軸。

配置方法簡(jiǎn)單

設(shè)定Highstock的配置選項(xiàng)不需要特殊的編程技巧。選項(xiàng)都是以JavaScript對(duì)象符號(hào)結(jié)構(gòu)給出的，它們是一些關(guān)鍵字和值的集合，由冒號(hào)連接，逗號(hào)隔開(kāi)，大括號(hào)分組。

外部數(shù)據(jù)加載

Highstock采用JavaScript數(shù)組中的數(shù)據(jù)，這些數(shù)據(jù)可以在一個(gè)單獨(dú)的文件或在不同的站點(diǎn)中的本地配置對(duì)象中進(jìn)行定義。此外，數(shù)據(jù)可通過(guò)任何形式被移交給Highstock，然后通過(guò)一個(gè)回調(diào)函數(shù)將數(shù)據(jù)解析成一個(gè)數(shù)組。

范圍選擇器

當(dāng)導(dǎo)航一個(gè)大數(shù)據(jù)集時(shí)，也許幾個(gè)小時(shí)的時(shí)間價(jià)值卻超過(guò)幾年，對(duì)于一個(gè)圖表庫(kù)，能提供一個(gè)快速的方式查看一定的時(shí)間范圍是很重要的，Highstock提供一個(gè)范圍選擇器，可以擴(kuò)大預(yù)定的時(shí)間范圍，如一個(gè)月，一年或者由年初開(kāi)始，或者手動(dòng)添加日期范圍。

導(dǎo)出和打印

通過(guò)對(duì)應(yīng)的輸出模式，用戶(hù)可以點(diǎn)擊按鈕將圖表以PNG、JPG、PDF或者SVG格式輸出，或者直接從網(wǎng)頁(yè)打印圖表。

開(kāi)源

Highstock的一個(gè)主要特點(diǎn)就是無(wú)論免費(fèi)還是付費(fèi)的版權(quán)許可，都可以下載和編輯源代碼。這使得您可以自己修改，提高了靈活性。