重慶慧都科技有限公司
參考價: | 面議 |
- 產(chǎn)品型號
- 品牌
- 其他 廠商性質(zhì)
- 所在地
訪問次數(shù):75更新時間:2022-03-28 17:49:23
純JavaScript編寫的開源圖表控件
Highstock使用純JavaScript編寫,為你創(chuàng)建圖表和常用時間分段圖表,包括復(fù)雜的導(dǎo)航選項,例如:小導(dǎo)航儀系列、預(yù)定日期范圍、日期選擇器、滾動和平移。
界面預(yù)覽
聲明:本產(chǎn)品中文介紹為慧都網(wǎng)版權(quán)所有,未經(jīng)慧都公司書面許可,嚴(yán)禁拷貝、轉(zhuǎn)載!
功能描述
需要培訓(xùn)、定制、外包?
請聯(lián)系我們!:800018081
慧都專業(yè)技術(shù)團(tuán)隊幫助您提高效率,節(jié)省成本,降低風(fēng)險!
* 關(guān)于本產(chǎn)品的分類與介紹僅供參考,精準(zhǔn)產(chǎn)品資料以介紹為準(zhǔn),如需購買請先行測試。
![]() | 兼容性支持在所有新版瀏覽器中運(yùn)行,包括iPhone和iPad,以及使用SVG圖像渲染技術(shù)的IE瀏覽器。傳統(tǒng)的IE使用VML繪制圖形。 |
非商業(yè)免費(fèi)你想將Highstock用于個人網(wǎng)站、學(xué)校網(wǎng)站或者非營利性組織嗎?那么你不需要版權(quán)許可,盡管大膽的使用Highcharts吧。 | ![]() |
![]() | 開源Highstock的一個主要特點就是無論免費(fèi)還是付費(fèi)的版權(quán)許可,都可以下載和編輯源代碼。這使得您可以自己修改,提高了靈活性。 |
純JavaScript代碼Highstock僅基于本地瀏覽器技術(shù),不需要動畫和Java等客戶端插件。甚至你的服務(wù)器上無需安裝任何相關(guān)組件。不支持PHP或者ASP.NET。Highcharts只需要兩個JS文件就可以運(yùn)行: highstock.js核心文件,另一個是jQuery、MooTools或者是原型框架。這些框架中的至少一個已經(jīng)使用到Web網(wǎng)頁中了。 | ![]() |
豐富的圖表類型Highstock支持折線、曲線、區(qū)域、區(qū)域曲線圖、柱形圖、條形圖、餅圖、散點圖、角度測量圖、區(qū)域排列圖、區(qū)域曲線排列圖、柱形排列圖、極坐標(biāo)圖等圖表類型。其中很多都可以結(jié)合在一張圖表中使用。 |
配置方法簡單設(shè)定Highstock的配置選項不需要特殊的編程技巧。選項都是以JavaScript對象符號結(jié)構(gòu)給出的,它們是一些關(guān)鍵字和值的集合,由冒號連接,逗號隔開,大括號分組。 | ![]() |
![]() | 動態(tài)性通過完整的API,你可以添加、移除和修改序列以及點,或者創(chuàng)建圖表后隨時修改坐標(biāo)軸。大量的事件為圖表編程提供了鉤子函數(shù)。結(jié)合jQuery、MooTools或原型的Ajax API,他們對解決方案是開放的,就像不斷更新來自服務(wù)器、用戶數(shù)據(jù)源的屬性值的動態(tài)圖表。 |
范圍選擇器當(dāng)導(dǎo)航一個大數(shù)據(jù)集時,也許幾個小時的時間價值卻超過幾年,對于一個圖表庫,能提供一個快速的方式查看一定的時間范圍是很重要的,Highstock提供一個范圍選擇器,可以擴(kuò)大預(yù)定的時間范圍,如一個月,一年或者由年初開始,或者手動添加日期范圍。 | ![]() |
![]() | 滾動條和導(dǎo)航器另外,高度可視化的導(dǎo)航數(shù)據(jù)集、,可拖動滾動條,或者將導(dǎo)航窗口的邊界拖拽到感興趣的區(qū)域。 |
事件標(biāo)記通過一個特定的,稱作“標(biāo)記”的序列類型,你可以直接將事件標(biāo)簽和注釋添加到序列中感興趣的地方,可選用不同視覺風(fēng)格的標(biāo)簽來區(qū)分它們,也可以將它們添加到圖表或X軸。 | ![]() |
![]() | 多坐標(biāo)軸有時,你想要比較不同規(guī)格的變量,Highstock允許你為每一個序列一個y軸,坐標(biāo)軸可以放在左邊或右邊,或者臨近放置。所有的選項都可以進(jìn)行單獨(dú)設(shè)置,包括倒置、樣式和位置。 |
提示工具標(biāo)簽當(dāng)懸停圖表時,Highstock在每個點和序列上會顯示一個提示文本信息。這些信息會跟隨用戶在圖表中的鼠標(biāo)移動而移動,使得從圖表中讀取信息變得簡單直觀。 | ![]() |
![]() | 日期坐標(biāo)軸Highstock對時間值是非常智能的。通過毫秒坐標(biāo)軸單元,Highstock能確定放置標(biāo)記的位置,以便標(biāo)記出月份、星期、子夜、晌午和整時整點的開始時間。 |
數(shù)據(jù)分組如何你的數(shù)據(jù)矩陣由100000個點組成,瀏覽器在計算每個點的映射位置和在一個通常是800px寬的屏幕上顯示100000個點的圖表時,效率是非常低的。這就使得Highstock的數(shù)據(jù)分組給你帶來更多便利之處,在這里數(shù)據(jù)被高速分組到月份或者天數(shù)選項組中,并且加以顯示。當(dāng)對小量程進(jìn)行縮小時,分組又重新被執(zhí)行,你也可以檢查所有的分辨率數(shù)據(jù)。 | ![]() |
導(dǎo)出和打印通過對應(yīng)的輸出模式,用戶可以點擊按鈕將圖表以PNG、JPG、PDF或者SVG格式輸出,或者直接從網(wǎng)頁打印圖表。 |
縮放和平移除了能從滾動條和導(dǎo)航器控制縮放和平移外,你還可以通過相應(yīng)選項設(shè)置鼠標(biāo)和手指執(zhí)行縮放、平移。 | ![]() |
外部數(shù)據(jù)加載Highstock采用JavaScript數(shù)組中的數(shù)據(jù),這些數(shù)據(jù)可以在一個單獨(dú)的文件或在不同的站點中的本地配置對象中進(jìn)行定義。此外,數(shù)據(jù)可通過任何形式被移交給Highstock,然后通過一個回調(diào)函數(shù)將數(shù)據(jù)解析成一個數(shù)組。 |