HighCharts JavaScript 8 資料視覺化控件
HighCharts JavaScript是一套群昱公司代理的圖表元件,能夠很簡單便利的在網站或是web應用程序添加有交互性的圖表。讓資料視覺化更簡單,相容 IE6+、完美支援移動端、圖表類型豐富、方便快捷的 HTML5 交互性圖表庫。
分類: 資料視覺化
Highcharts產品介紹
Highcharts 是一個用純 JavaScript 編寫的一個圖表庫, 能夠很簡單便捷的在 Web 網站或是 Web 應用程式添加有交互性的圖表,並且免費提供給個人學習、個人網站和非商業用途使用。
Highcharts 支援的圖表類型有直線圖、曲線圖、區域圖、柱狀圖、餅狀圖、散狀點圖、儀錶圖、氣泡圖、瀑布流圖等多達 20 種圖表,其中很多圖表可以集成在同一個圖形中形成混合圖。
主要優勢(功能特點)
相容性
Highcharts 可以在所有的移動設備及電腦上的流覽器中使用,包括 iPhone,iPad 和 IE6 以上的版本,在 IOS 和 Android 系統中 Highcharts 支援多點觸摸功能,因而可以給您提供極致的用戶體驗。在現代的流覽器中使用 SVG 技術進行圖形繪製,在低版本 IE 則使用 VML 進行圖形繪製。
非商業使用免費
在個人網站、學校網站及非盈利機構中使用 Highcharts 完全不需要經過我們的許可,直接可以任意使用!
開源
Highcharts 最重要的特點之一就是:無論免費版還是付費版,你都可以下載源碼並可以對其進行編輯。
純JavaScript
Highcharts 完全基於 HTML5 技術,不需要再用戶端安裝任何外掛程式,如 Flash 或 Java。此外你也不用配置任何服務端環境,不需要 PHP、Tomcat、ASP.NET 等,只需要兩個 JS 檔即可運行。
豐富的圖表類型
Highcharts 支援的圖表類型有直線圖、曲線圖、區域圖、柱狀圖、餅狀圖、散狀點圖、儀錶圖、氣泡圖、瀑布流圖等多達 20 種圖表,其中很多圖表可以集成在同一個圖形中形成混合圖。
簡單的配置語法
在 Highcharts 中設置配置選項不需要任何高級的程式設計技術,所有的配置都是 JSON 物件,只包含用冒號連接的鍵值對、用逗號進行分割、用括弧進行對象包裹。JSON 具有易於人閱讀和編寫,同時也易於機器解析和生成的特點。
動態交互性
Highcharts 支援豐富交互性,在圖表創建完畢後,可以用豐富的 API 進行添加、移除或修改資料列、資料點、坐標軸等操作。
結合 jQuery 的 ajax 功能,可以做到即時刷新資料、使用者手動修改資料等功能,結合事件處理,可以做到各種交互功能。
支持多坐標軸
多個資料進行對比這是非常常見的需求,Highcharts 可以讓你為每個類型的資料添加坐標軸,每個軸可以定義放置的位置,所有的設置都可以獨立生效,包括旋轉、樣式設計和定位,當然也支援多個資料共用一個坐標軸。
數據提示框
當滑鼠劃過圖形時,Highcharts 可以將資料點或資料列的資訊展示在提示框中,並且提示框會跟隨使用者的滑鼠;我們做了大量工作,可以智慧的顯示離滑鼠最近的點或被遮蓋點的資訊。
時間軸
75% 的直角坐標系(包含 X軸 和 Y軸)圖表中是時間軸圖表,因為 Highcharts 對時間軸的處理非常智慧。Highcharts 以毫秒為單位,可以精確的計算出月、周、日、小時、分鐘等時間刻度的位置。
匯出和列印
Highcharts 支持匯出功能,用戶可以一鍵匯出 PNG、JPEG、PDF 或 SVG 檔,通過外掛程式可以實現匯出為 Excel 檔功能;另外,用還可以從網頁上直接列印圖表。
縮放和鑽取
通過縮放可以方便的查看不同範圍的資料;通過鑽取可以方便的查看不同級別的詳細資料。
方便載入外部資料
Highcharts 的資料是 JavaScript 陣列或物件,這些資料可以是本地的配置物件,獨立的資料檔案(JSON、CVS)甚至是不同的網站上定義。另外,這些資料可以用任何形式處理好並載入到 Highcharts 中。
儀錶圖
儀錶圖對於 Dashboard 來說特別理想,這種圖表就像速度計一樣,一眼就可以輕鬆閱讀。
極地圖
折線圖、面積圖、直條圖等圖形可以通過一個簡單的配置轉換成極地圖、雷達圖。
圖表或坐標軸反轉
Highcharts 支援圖表反轉(X 軸或 Y軸對調),這樣 X軸是垂直的,方便進行資料對比;坐標軸旋轉則可以坐標軸的最大值和最小值顯示對調。
文本旋轉
圖表中所有的文本,包括坐標軸標籤、資料標籤等都可以進行任意角度旋轉。
Highstock產品介紹
Highstock 是用純 JavaScript 編寫的股票圖表控制項,可以開發股票走勢或大資料量的時間軸圖表。它包含多個高級導航組件:預設置資料時間範圍,日期選擇器、捲軸、平移、縮放功能。
主要優勢(功能特點)
相容性
Highstock可以在所有的移動設備及電腦上的流覽器中使用,包括 iPhone,iPad 和 IE6 以上的版本,在 IOS 和 Android 系統中 Highstock 支援多點觸摸功能,因而可以給您提供極致的用戶體驗。在現代的流覽器中使用 SVG 技術進行圖形繪製,在低版本 IE 則使用 VML 進行圖形繪製。
非商業使用免費
在個人網站、學校網站及非盈利機構中使用 Highstock 完全不需要經過我們的許可,直接可以任意使用!
開源
Highstock 最重要的特點之一就是:無論免費版還是付費版,你都可以下載源碼並可以對其進行編輯。
基於開源社區我們可以第一時間獲取用戶的需求、及時的 Bug 修復及吸收社區貢獻。
純JavaScript
Highstock 完全基於 HTML5 技術,不需要再用戶端安裝任何外掛程式,如 Flash 或 Java。此外你也不用配置任何服務端環境,不需要 PHP、Tomcat、ASP.NET 等,只需要兩個 JS 檔即可運行。
豐富的圖表類型
Highstock支援的圖表類型有直線圖、曲線圖、區域圖、柱狀圖、餅狀圖、散狀點圖、儀錶圖、氣泡圖、瀑布流圖等多達 20 種圖表,其中很多圖表可以集成在同一個圖形中形成混合圖。
簡單的配置語法
在 Highstock 中設置配置選項不需要任何高級的程式設計技術,所有的配置都是 JSON 物件,只包含用冒號連接的鍵值對、用逗號進行分割、用括弧進行對象包裹。JSON 具有易於人閱讀和編寫,同時也易於機器解析和生成的特點。
動態交互性
Highstock支援豐富交互性,在圖表創建完畢後,可以用豐富的 API 進行添加、移除或修改資料列、資料點、坐標軸等操作。
結合 jQuery 的 ajax 功能,可以做到即時刷新資料、使用者手動修改資料等功能,結合事件處理,可以做到各種交互功能。
支持多坐標軸
多個資料進行對比這是非常常見的需求,Highstock 可以讓你為每個類型的資料添加坐標軸,每個軸可以定義放置的位置,所有的設置都可以獨立生效,包括旋轉、樣式設計和定位,當然也支援多個資料共用一個坐標軸。
數據提示框
當滑鼠劃過圖形時,Highstock 可以將資料點或資料列的資訊展示在提示框中,並且提示框會跟隨使用者的滑鼠;我們做了大量工作,可以智慧的顯示離滑鼠最近的點或被遮蓋點的資訊。
時間軸
75% 的直角坐標系(包含 X軸 和 Y軸)圖表中是時間軸圖表,因為 Highcharts 對時間軸的處理非常智慧。Highstock 以毫秒為單位,可以精確的計算出月、周、日、小時、分鐘等時間刻度的位置。
匯出和列印
Highstock支持匯出功能,用戶可以一鍵匯出 PNG、JPEG、PDF 或 SVG 檔,通過外掛程式可以實現匯出為 Excel 檔功能;另外,用戶還可以從網頁上直接列印圖表。
縮放和鑽取
通過縮放可以方便的查看不同範圍的資料;通過鑽取可以方便的查看不同級別的詳細資料。
方便載入外部資料
Highstock的資料是 JavaScript 陣列或物件,這些資料可以是本地的配置物件,獨立的資料檔案(JSON、CVS)甚至是不同的網站上定義。另外,這些資料可以用任何形式處理好並載入到 Highcharts 中。
儀錶圖
儀錶圖對於 Dashboard 來說特別理想,這種圖表就像速度計一樣,一眼就可以輕鬆閱讀。
極地圖
折線圖、面積圖、直條圖等圖形可以通過一個簡單的配置轉換成極地圖、雷達圖。
圖表或坐標軸反轉
Highstock支援圖表反轉(X 軸或 Y軸對調),這樣 X軸是垂直的,方便進行資料對比;坐標軸旋轉則可以坐標軸的最大值和最小值顯示對調。
文本旋轉
圖表中所有的文本,包括坐標軸標籤、資料標籤等都可以進行任意角度旋轉。
Highmaps 是一款基於 HTML5 的優秀地圖組件。
Highmaps 繼承了 Highcharts 簡單易用的特性,利用它可以方便快捷的創建用於展現銷售、選舉結果等其他與地理位置關係密切的交互性地圖圖表。
Highmaps 可以單獨使用,也可以作為 Highcharts 的一個元件來使用。
主要優勢(功能特點)
完美支援移動端
Highmaps 設計之初就考慮到了移動設備流覽器,移動平臺上多點觸摸、手勢操作均支援,同時 Highmaps 在 PC 端也最低支持 IE6。
MAP 地圖資料集
為了方便用戶使用,Highmaps 提供了上百個地圖基礎資料,這些地圖都可以快速下載和使用。
非商業使用免費
在個人網站、學校網站及非盈利機構中使用 Highmaps 完全不需要經過我們的許可,直接可以任意使用!
開源
Highmaps 最重要的特點之一就是:無論免費版還是付費版,你都可以下載源碼並可以對其進行編輯。
基於開源社區我們可以第一時間獲取用戶的需求、及時的 Bug 修復及吸收社區貢獻。
純 JavaScript
Highmaps 完全基於 HTML5 技術,不需要再用戶端安裝任何外掛程式,如 Flash 或 Java。此外你也不用配置任何服務端環境,不需要 PHP、Tomcat、ASP.NET 等,只需要兩個 JS 檔即可運行。
動態交互性
Highmaps 支援豐富交互性,在圖表創建完畢後,可以用豐富的 API 進行添加、移除或修改資料列、資料點、坐標軸等操作。
結合 jQuery 的 ajax 功能,可以做到即時刷新資料、使用者手動修改資料等功能,結合事件處理,可以做到各種交互功能。
圖表種類豐富
Highmap s中有各種地圖類型:你可以製作興趣地圖,在地圖上畫氣泡等,這些功能是和 Highcharts 中的系列類型相對應的。
多彩坐標軸
為了呈現多彩的地圖,Highmaps中有一個單獨的顏色軸,它繼承了坐標軸的大部分功能用來設置常見的屬性,如最小值、最大值、極座標等。
導航器
Highmaps具有所有常用的導航功能:加/減按鈕,按兩下放大,滾動滑鼠輪放大,多點觸摸和平移。
鑽取
鑽取功能可以讓同一圖層的地圖區流暢地進行交互。該圖層可以在下面的圖層放大為一整張地圖。
支持 GeoJson 標準
除了常建的資料列、資料點概念外,Highmaps 還接受標準的 GeoJson 地圖資料格式。
匯出和列印
Highmaps 支援匯出模式,使用者可以一鍵匯出 PNG, JPG, PDF 或 SVG格式的檔案格式。此外,用戶還可以從網頁上直接列印圖表。