最新版 Highcharts v11 更新於 2024/1/10
最新版 Highcharts Stock / Highcharts Maps v11 更新於 2024/1/10
線上服務 everviz (原為 Highcharts Cloud) 隨時更新
Highcharts 是一個製作圖表的 Javascript 類庫,提供簡單的方法讓您添加互動式圖表到您的網站或是Web應用程序。Highcharts目前可製作的圖表有:直線圖、曲線圖、區域圖、區域曲線圖、直條柱狀圖、橫條柱狀圖、圓餅圖、散狀圖等等。
最新版本已經發布了Highcharts最常被詢問的功能-圖表存取和輸出。隨著新版本的發行,您可以在您的圖表添加輸出按鈕,並讓你的用戶下載你的圖表,格式有PNG、JPG、PDF或SVG。
輸出模塊是由一個伺服器後端執行的,不論是Highslide Software的免費網路服務,或者是主機可以安裝在他們自己的伺服器的一個伺服器模塊。
輸出是可能的,因為在Hightcharts有全新的以SVG為基礎的渲染層。在SVG渲染器的最上層是IE瀏覽器的VML渲染器。當輸出的時候,所有的瀏覽器將恢復到SVG渲染器,並且發送SVG圖表報告給伺服器,伺服器將會把它轉換為其它圖像格式。
新的模式也意味著在IE瀏覽器有更好的性能。在IE裡面,圖可以畫的比以往更快,而且有更多點的執行會使得差異更大。
SVG模式的另一個好處是在標準兼容瀏覽器中減少記憶體使用量。雖然在版本1中的多個畫布將消耗大量的記憶體,但在第2版SVG就大大減輕記憶體的負荷了。
產品特色
兼容 可以運作在任何瀏覽器中,包含iPhone / iPad和Internet Explorer 6以上的版本,其在標準瀏覽器中使用SVG圖形渲染;而在Internet Explorer中使用VML圖形繪製。 |
|
標籤文字旋轉 所有的文字標籤,包括軸標籤、數據標籤點和軸標題,可以進行任意角度的旋轉。 |
|
JavaScript技術 Highcharts基於原始瀏覽器技術,不需要Flash或Java插件。甚至您不需要在任何服務器上安裝,且不用使用PHP或ASP.NET。Highcharts只有兩個JS文件就能運行。 |
|
眾多的圖表類型 Highcharts支援線狀圖、樣條圖、面積圖、柱形圖、條形圖、圓餅圖和散點圖類型。任何一個都可以在圖表中相結合。 |
|
簡單配置語法 設置Highcharts配置選項,並不需要特殊的編程技能。產品給出一組JavaScript符號結構,基本上是一組由冒號連接,用逗號隔開以及用大括號分組。 |
|
動態 透過一個完整的API,你可以在建立圖表後的任何時間添加、刪除和修改圖表、軸或點。無數事件編程讓用戶對使用chart反感。結合使用jQuery或MooTools的AJAX API,將提供給您解決方案,其可以不斷即時更新從伺服器、用戶提供的數據和更多來源。 |
|
多軸發展 有時你想比較不同規模的變量-例如溫度相對於降雨量和空氣壓力。如果你想比較不同類別的數據,Highcharts可以讓你指定每個系列的Y軸或x軸。可以設定放在圖表的左側或右側,頂部或底部,所有的選項都可以單獨設置。 |
|
工具提示標籤 Highcharts可以顯示數據的詳細訊息在每個節點和系列。當用戶在圖表上移動滑鼠,可以使用本功能以標籤其中的資料點,這可以用戶更容易閱讀的所標示的點與另一個點的關係。 |
|
日期時間軸 有75%的XY圖表擁有日期時間的X軸。因此Highchart擁有智能的時間值設定。在毫秒的軸單位中,Highcharts可以確定在何處放置刻度,使其始終標誌著月或週、午夜和中午,或是一小時等。 |
|
輸出和列印 用戶可以輸出圖表成為PNG、JPG、PDF或SVG格式,經由點擊一個按鈕。也可以直接從網頁列印圖表。 |
|
縮放 通過在圖表上縮放,您可以更加精確的檢查數據,尤其是資料有趣的部分。可以在X或Y軸中檢查或兩者兼用。 |
|
載入外部數據 Highcharts可以提取JavaScript陣列的數據,可以定義配置對象在一個單獨的文件、甚至在不同的網站。此外,數據可以用任何Highcharts形式處理,如回調函數用來解析一個數組中的數據。 |
|
倒置圖表或扭轉軸 有時您需要翻轉你的圖表,例如讓條形圖的X軸變成垂直。此外也有支援扭轉軸的功能。 |
Highcharts Stock (原為 Highstock) 讓您建立股票圖或一般的時間圖表在 JavaScript 之中,包含先進的導航選項,就像一個導航系列、預設日期範圍、日期選擇、滾動和平移。
產品特色
兼容
可以運作在任何瀏覽器中,包含iPhone / iPad和Internet Explorer 6以上的版本,其在標準瀏覽器中使用SVG圖形渲染;而在Internet Explorer中使用VML圖形繪製。
開放性
Highcharts Stock的主要特點之一是開放的源始碼。您可以下載源代碼,並且自己的編輯。這給了個人修改極大的靈活性。
JavaScript技術
Highcharts Stock基於原始瀏覽器技術,不需要Flash或Java插件。甚至您不需要在任何服務器上安裝,且不用使用PHP或ASP.NET。Highcharts只有兩個JS文件就能運行。
眾多的圖表類型
Highcharts Stock支援線狀圖、樣條圖、面積圖、柱形圖、條形圖、圓餅圖和散點圖類型。任何一個都可以在圖表中相結合。
簡單配置語法
設置Highcharts Stock配置選項,並不需要特殊的編程技能。產品給出一組JavaScript符號結構,基本上是一組由冒號連接,用逗號隔開以及用大括號分組。
動態
透過一個完整的API,你可以在建立圖表後的任何時間添加、刪除和修改圖表、軸或點。無數事件編程讓用戶對使用chart反感。結合使用jQuery或MooTools的AJAX API,將提供給您解決方案,其可以不斷即時更新從伺服器、用戶提供的數據和更多來源。
範圍選擇
雖然擁有大量的數據集,但是目前只需要部份的數值,Highcharts Stock針對重要的數據庫提供了快速查看在一定時間範圍內數據的解決方案。Highcharts Stock提供了一個範圍選擇,用戶可以選擇時間範圍,如:1個月、1年或從年初至今,甚至手動添加日期範圍。
滾動式導引
更直觀的導引數據集的方式是透過拖動滾動條,或是拖動導航視窗限定特殊區域的範圍。
事件標記
通過特別的系列“標籤”的類型,你可以添加事件的標記和批註,並直接觀察有趣的系列。它可以加入不同的視覺風格的標記,用以區分,你也可以將它們添加到圖表或X軸。
多軸發展
有時你要比較的變量,是不一樣的規模。 Highcharts Stock讓你可以設定每個系列的Y軸。每個軸可以被放在左或右,或其他軸的旁邊,所有的選項都可以單獨設置。
工具提示標籤
Highcharts Stock可以顯示數據的詳細訊息在每個節點和系列。當用戶在圖表上移動滑鼠,可以使用本功能以標籤其中的資料點,這可以用戶更容易閱讀的所標示的點與另一個點的關係。
日期時間軸
Highcharts Stock擁有智能的時間值設定。在毫秒的軸單位中,Highcharts可以確定在何處放置刻度,使其始終標誌著月或週、午夜和中午,或是一小時等
數據分組
如果您的數據陣組成有10萬筆,不會是一個很有效率的瀏覽器顯示方式。Highcharts Stock數據分組功能,能將數據極快分成數月或數天並且顯示出來。當在範圍中縮放,分組將會重跑,而且讓您可以檢查全部的數值。
輸出和列印
用戶可以輸出圖表成為PNG、JPG、PDF或SVG格式,經由點擊一個按鈕。也可以直接從網頁列印圖表。
縮放和平移
除了可以從滾輪和導引控制縮放和平移,你還可以選擇設置滑鼠和使用手指縮放和平移。
載入外部數據
Highcharts Stock可以提取JavaScript陣列的數據,可以定義配置對象在一個單獨的文件、甚至在不同的網站。此外,數據可以用任何Highcharts Stock形式處理,如回調函數用來解析一個數組中的數據。
Highcharts Maps (原為 Highmaps) 提供了一種基於標準的方法,用於在基於Web的項目中生成邏輯示意圖。它擴展了用戶友好的Highcharts JavaScript API,允許Web開發人員構建交互式地圖,以顯示銷售,選舉結果或與地理相關的任何其他信息。
Highcharts Maps 基於Highcharts,這是一個基於SVG的多平台圖表庫,自2009年以來一直在積極開發。它可以輕鬆地為您的Web和移動項目添加交互式,移動優化的圖表和地圖。
各種地圖類型
地圖區域,地圖線,興趣點,地圖上的氣泡,熱圖。
響應和移動準備
智能地適應任何設備並支持多點觸控手勢。
GeoJSON支持
除了常見的Series / Point概念,Highcharts Maps 還接受標準化的GeoJSON格式進行地圖輸入。
特色
Backend-agnostic
我們所有的圖表庫都可以與任何後端數據庫或服務器堆棧一起使用。數據可以以任何形式提供,包括CSV,JSON或實時加載和更新。可以從Highcharts或我們的社區獲得大多數流行語言(如.Net,PHP,Python,Java和R)以及React,Vue和Angular等框架的包裝。
Extensive Map Collection
我們提供了數百個地圖的集合,這些地圖都經過優化,可以使用Highcharts Maps進行快速下載和渲染。為方便起見,也可通過NPM獲取地圖集。
Create your own maps
本質上,地圖只是SVG定義的形狀。因此,可以輕鬆創建自定義地圖,例如製作地點的此常規地圖,或實際地點的此不規則地圖。
Responsive across devices
智能響應不僅僅是將圖表與其容器的尺寸相匹配,還會自動為非圖形元素(如圖例和標題)找到最佳位置。
Touch optimized
觸控優化圖表可在移動和触摸屏上提供原生體驗。單觸式拖動用於數據檢查,多點觸摸用於縮放等。
Color Axis
要完全控制Highmaps等值區域地圖的顏色佈局,圖例中會顯示單獨的顏色軸。它繼承了標量軸的大多數特徵,以提供常見選項,如最小值,最大值,對數刻度等。
Export and print
隨著出口模塊啟用,用戶可以在點擊按鈕的圖表導出到PNG,JPG,PDF或SVG格式,或直接從網頁打印圖表。
Flexible styling
我們優雅的圖表可以在任何分辨率下呈現清晰和清晰,並可通過JavaScript或CSS輕鬆設置樣式。
Intuitive navigation & drilldown
Highcharts Maps 具有所有常用的導航方式,如加/減按鈕,雙擊縮放,鼠標滾輪縮放,多點觸控和平移。在鑽取模塊確保一個層上的地圖區域,其放大到基底層上的完整地圖之間的平滑的相互作用。
Options are optional
在大多數情況下,地圖的外觀和行為完全符合您的需要,無需任何修改。除此之外,簡單的選項結構允許深度定制。Highcharts Maps 還可擴展並可插入尋求高級動畫和功能的專家。查看我們社區部分中的一些高級自定義項,以及我們的擴展目錄中的插件。
Dynamic
許多事件為地圖編程提供了鉤子,可以很容易地展示數據與實時動態數據更新和可定制動畫之間的複雜關係。數據可以以任何形式處理到 Highcharts Maps,甚至可以從不同的站點處理,以及用於將數據解析為數組的回調函數。
Vibrant community
Github,StackOverflow和其他論壇上任何高級圖表工具的最大開發者社區都渴望在您需要時提供額外的幫助,特定於平台的實施建議和靈感。此外,我們還有六位專門的支持工程師監控我們的論壇,StackOverflow,GitHub和支持電子郵件。
Highcharts Gantt
Highcharts Gantt 提供了一個基於標準的方法,用於在基於 Web 的項目中生成先進的甘特圖。它使 Web 和移動開發人員能夠生成用於分配和協調活動與資源的互動式圖表。構建在領先行業的圖表庫 Highcharts JS 之上。Highcharts Gantt 內建有有用的 GUI 增強功能,例如里程碑、完成百分比陰影、當前日期指示以及活動之間的關係。它充分利用了現代 Web 技術,為開發人員和最終用戶提供了可以輕鬆構建交互式圖表的體驗。
特色
Highcharts Gantt Features
Helpful Standard Features
Highcharts Gantt includes many advanced and useful features by default, such as Milestones, Percent-complete shadings, Current day indication, and Relationships between activities.
Multi-format Exports
Export Highcharts Gantt charts into multiple raster or vector graphics formats. Perfect for including the charts in static reports and presentations.
Interactive
Drag and drop objects to change their duration and order. The API also allows user-manipulation of the GUI to be written back to the server.
Developed with Clients
Highcharts Gantt was developed and quality-controlled in close dialogue with clients who were unable to find existing market solutions that met their needs.
Use Cases
Gantt charts are great for any kind of asset allocation or scheduling, from reserving meeting rooms at work to keeping track of the kids’ after-school activities.
Includes Highcharts Core
The Highcharts Core library is also included, which provides an additional 30 different chart types.
Gantt Axis Grid
The grid axis makes it easy to display task information in table form.
Dependencies Between Tasks
Configure dependencies between tasks to visualize the work breakdown structure of a project .
Internal | SaaS | SaaS+ | OEM | |
Usage | ||||
Internal Use | V | V | V | V |
SaaS and Web Applications | 1 | 5 | V | |
Customer Installations (OEM) | V | |||
Charting | ||||
Highcharts Core | V | V | V | V |
Highcharts Stock | 詳情 請洽詢友環業務 | V | ||
Highcharts Maps | V | |||
Highcharts Gantt | V | |||
Dashboard | ||||
Highcharts Dashboards | 詳情 請洽詢友環業務 | V | ||
Integrations | ||||
Python | 詳情 請洽詢友環業務 | V | ||
Highcharts Advantage | ||||
Releases | V | V | V | V |
Technical support | V | V | V | V |