Highcharts是一款純JavaScript編寫的圖表庫，為你的Web網站、Web應用程序提供直觀、交互式圖表。當前支持折線、曲線、區域、區域曲線圖、柱形圖、條形圖、餅圖、散點圖、角度測量圖、區域排列圖、區域曲線排列圖、柱形排列圖、極坐標圖等幾十種圖表類型。

Highcharts現已更新至最新版本7.2.0，新版本添加了新的頂級選項-說明；幾乎所有系列都增加了對多個色軸的支持；增加了高對比度光和高對比度 - 黑暗主題，與背景形成3：1對比度，并修復了一些之前存在的BUG，趕快下載試用吧~

點擊下載Highcharts最新試用版

常見問題

• Highcharts是否引用我們域外的文件？

• 我的圖表未顯示在Internet Explorer 7或8中

• 我可以將Highcharts與...服務器一起使用嗎？

• 我可以在Highcharts中使用Highstock中的功能嗎？

• 我可以向導出的圖表添加數據表嗎？

• 如何從Highcharts中獲得最佳性能？

• 我可以將多個圖表導出到同一圖像或PDF嗎？

• 我的非英文字符未正確顯示在圖表中

• 我可以在不使用瀏覽器的情況下在服務器上生成圖表嗎？

• 如何定義不規則時間數據？

• 如何從MySQL數據庫添加數據？

• 您在我的國家/地區的地圖不包含有爭議的區域

是否Highcharts參考我們的域之外的文件嗎？

對于基本用法，Highcharts除了highcharts.js / highstock.js以外，不引用任何其他文件，盡管您需要注意某些情況。

• 導出模塊。由于并非所有瀏覽器都可以將圖表轉換為圖像格式，因此默認情況下，此操作是在我們的Web服務//export.highcharts.com上完成的。生成的SVG從瀏覽器發送到導出服務器，然后將圖像發送回。如果您擔心數據內容通過Internet傳輸，則應考慮我們的替代解決方案。最簡單的選擇是使用我們的  模塊進行客戶端導出。查看功能和兼容性表是否符合您的要求。如果您有權訪問節點服務器，則還可以設置自己的導出服務器。 

• 某些功能（包括客戶端導出）可能需要第三方依賴性。其中一些是根據需要從我們的服務器加載的，但是在這些情況下，加載位置是可配置的。有關所有外部依賴項的詳細信息，包括許可和安全性詳細信息，可以在可選的依賴項文檔文章中找到。

我的圖表未顯示在Internet Explorer 7或8中

圖表在現代瀏覽器中有效但在IE6、7和8中失敗的最常見原因是配置選項中的逗號逗號。流浪逗號是JavaScript中對象或數組的最后一項之后的逗號。這些將在現代瀏覽器中靜默傳遞，但會在舊版IE中導致JavaScript錯誤。

var chart = new Highcharts.Chart({
    chart: {
        renderTo: 'container'
    },
    xAxis: {
        type: 'datetime'
    },
    series: [{
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5,  
                216.4, 194.1, 95.6, 54.4],
        pointStart: Date.UTC(2012, 0, 1),
        pointInterval: 24 * 3600 * 1000,
    }]
});

舊版IE無法顯示圖表的另一種情況是禁用了安全設置“ ActiveX控件和插件” =>“二進制和腳本行為”。這種情況很少在用戶計算機上發生，但是我們時常在公司網絡上看到這種情況。在這種情況下，IE無法繪制任何矢量圖形，僅顯示文本。 

我可以將Highcharts與...服務器一起使用嗎？

Highcharts完全在客戶端上運行，并且可以與任何可交付HTML和JavaScript內容的Web服務器一起使用。無論您的服務器是PHP，Perl，ASP，ASP.NET，Node.js還是其他任何產品，Highcharts都完全不知道它。HTML / JavaScript文件也可以從文件系統加載，在應用程序平臺中就是這種情況，其中Highcharts加載到應用程序內的Web組件中。

集成Highcharts的最佳做法可能因系統而異。您應該遵循在特定系統上處理JavaScript的常規做法。有些人喜歡通過Highcharts設置提供干凈的JSON或JavaScript文件，其他人則希望將JavaScript設置直接寫入網頁。數據可以JSON或CSV文件的形式加載（請參閱左側菜單中的處理數據），或在圖表設置中以內聯方式打印。在使用數據庫供電的后端時，讓您的服務器系統提供JSON或CSV文件可能更干凈。

對于與服務器的實時連接，您可以設置網頁以通過XHR加載新數據，或使用WebSockets設置直接通信。在瀏覽器中的新數據到達，圖表可以保持通過各種動態終結點像更新Series.addPoint()，Point.update()，Chart.addSeries()，Chart.update()等。

在開始設置復雜的后端之前，您可能需要查看www.highcharts.com/download，是否有人為您的特定系統創建了包裝。

我可以在Highcharts中使用Highstock中的功能嗎？

是的，大多數Highstock功能都可以應用于標準圖表。從許可的角度來看，使用Stock軟件包的功能顯然需要Highstock許可。

從技術上講，Highcharts Stock是作為Highcharts的一組插件實現的。股票包中包含Highcharts的整個代碼庫，您可以使用Highcharts.Chart并調用通常與股票圖相關聯的某些功能來調用圖表。

我可以在導出的圖表中添加數據表嗎？

如果您不關心導出，則只需通過export-data模塊和一個簡單的選項exporting.showTable添加數據表。但是，此表不支持導出為SVG或其他圖像格式，但是可以在Highcharts數據和繪圖API上進行一些編程，即可繪制一個表。請參閱我們的jsFiddle演示以獲取源代碼和實時示例。

如何從Highcharts中獲得最佳性能？

在處理具有大量數據點的序列時，需要考慮一些事項。

1. 首先，考慮使用Boost模塊。

2. 否則，對于折線圖，建議禁用點標記，因為這會增加性能開銷。

3. 禁用陰影可提高性能，因為會為每個包含陰影的形狀創建三個陰影元素。

4. 對于大型列系列，建議至少對于基于VML的瀏覽器禁用初始動畫plotOptions.column.animation。區分快速SVG瀏覽器和較慢的VML瀏覽器的最佳方法是使用Highcharts.svg布爾屬性。

我可以將多個圖表導出到同一圖像或PDF嗎？

當前，該功能尚未在核心中實現，但是您可以通過幾種方法來實現。 

1. 使用我們的技巧來導出多個圖表。基本上，此代碼獲取所有圖表的SVG，對其進行修改并將其應用于一個單獨的SVG文件，該文件將發送到服務器以進行圖像轉換。如果需要將數據發送到我們的服務器，我們還支持使用客戶端導出模塊。

2. 在服務器上創建一個HTML文件，其中包含所有所需的圖表，并對此進行純服務器端轉換。

我的非英文字符未正確顯示在我的圖表中

如果您使用的是德國變音符號，Scandinavian vowels或非歐洲字母，則需要對文件使用UTF-8編碼。有兩種方法可以做到這一點。

確保定義圖表的HTML頁面為UTF-8。文件本身以及數據庫內容（如果適用）必須編碼為UTF-8。此外，content-typeHTTP標頭或相應的元標記必須反映以下內容：

< meta http-equiv = “ content-type ” content = “ text / html; charset = utf-8 ” />

如果您無權更改整個HTML文件，則可以在具有UTF-8編碼的單獨JS文件中定義圖表。 

<script src="charts.js" charset="UTF-8"></script>

我可以在不使用瀏覽器的情況下在服務器上生成圖表嗎？

可以，詳情請關注我們后續的文章教程。

如何定義不規則時間數據？

要以不規則的間隔添加數據點，而不是為系列定義pointStart和pointInterval，請為每個點定義一個X值（日期）。

如果您希望該行在缺少日期的情況下中斷，請插入空值。

如何從MySQL數據庫添加數據？

詳情請關注我們后續的文章教程。

您的國家/地區地圖不包含有爭議的區域

我們盡我們所能，不要站在邊界沖突中，但是我們意識到需要包括有爭議地區的地圖。為了解決這個問題，我們嘗試使默認地圖符合中立的事實上的邊界或慣例，同時提供包含有爭議區域的替代地圖。

重要推薦：

• 純JavaScript編寫的開源股票圖表控件：Highstock

• 一個基于web項目創建地圖的HTML5/JavaScript地圖組件：Highmaps

=====================================================

想要購買Highcharts正版授權的朋友可以。

更多精彩內容，敬請關注下方的微信公眾號，及時獲取產品最新資訊▼▼▼