1. 程式人生 > 實用技巧 >直觀、互動式圖表Highcharts入門教程第一步

直觀、互動式圖表Highcharts入門教程第一步

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

慧都網免費下載Highcharts

系統要求

Highcharts僅基於本機瀏覽器技術,不需要Flash或Java之類的客戶端外掛。此外,您不需要在伺服器上安裝任何東西。沒有PHP或ASP.NET。Highcharts僅需要highcharts.js核心即可執行。

Highcharts在所有現代瀏覽器(包括移動裝置和版本6中的Internet Explorer)中均可使用。標準瀏覽器使用SVG進行圖形渲染。在舊版Internet Explorer(IE8和更低版本)中,使用VML繪製圖形。

Highcharts可在任何支援HTML的伺服器上執行。您甚至可以從檔案系統本地執行Highcharts,因為所有渲染都在瀏覽器中本地完成。

瀏覽器相容性

我們使用最新版本在許多瀏覽器上測試我們的軟體。知道Internet Explorer使用者有不升級的趨勢,我們還系統地測試了該瀏覽器的舊版本。Highcharts在以下瀏覽器版本上執行:

支援IE 6-8

為了支援IE 6-8,需要一些polyfills。第一個檔案oldie-polyfills.js包括一些常見的陣列函式。該檔案擴充套件了陣列和物件原型,如果您有其他polyfill庫,或者更喜歡使用自己的庫,則可以將其省略。第二個檔案oldie.js包括VML渲染器,因為舊的IE不支援SVG渲染。在Highcharts主檔案之前,必須包含polyfill。附帶條件註釋,它看起來像這樣:

<!--[if lt IE 9]>
    <script src="https://code.highcharts.com/modules/oldie-polyfills.js"></script>
    <![endif]-->
    <script src="https://code.highcharts.com/highcharts.js"></script>
    <!--[if lt IE 9]>
    <script src="https://code.highcharts.com/modules/oldie.js"></script>
    <![endif]-->

本文章轉載自【慧都科技】evget歡迎任何形式的轉載,但請務必註明出處、不得修改原文相關連結,尊重他人勞動成果