Highchart插件簡介和引入方式

1、Highchart簡介：

Highcharts 是一個用純 JavaScript 編寫的一個圖表庫， 可以很簡單便捷的在 Web 網站或是 Web 應用程序添加有交互性的圖表。

Highcharts 支持的圖表類型有直線圖、曲線圖、區域圖、柱狀圖、餅狀圖、散狀點圖、儀表圖、氣泡圖、瀑布流圖等多達 20 種圖表，其中不少圖表能夠集成在同一個圖形中造成混合圖。

http://www.hcharts.cn/products/highcharts

http://www.hcharts.cn/docs/compatibility

 

名詞解解釋：

svg:可縮放矢量圖形是基於可擴展標記語言（標準通用標記語言的子集），用於描述二維矢量圖形的一種圖形格式。它由萬維網聯盟制定，是一個開放標準。相關教程：http://www.runoob.com/svg/svg-tutorial.html。

vml:至關於IE裏面的畫筆，能實現你所想要的圖形，並且結合腳本，能夠讓圖形產生動態的效果。VML是微軟1999年9月附帶IE5.0發佈的，在我認爲， VML實際上是Word和HTML結合的產物。能夠將Word文檔另存爲HTML，其中的文本和圖片能夠很容易的轉換，但若是是手繪製的圖形在以往的IE裏面就沒法解釋了，若是都轉換成圖形文件又不太現實。因而微軟把Word裏面的圖形控件結合到IE裏面，使IE也具有了繪圖功能。

vml手冊：http://www.g168.net/txt/vml/

2、環境配置

一、引入jquery:

• 使用本地安裝包
• 使用本地靜態資源庫：http://cdn.static.runoob.com/libs/jquery/2.1.4/jquery.min.js
• 使用百度靜態資源庫的jQuery資源：http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js

二、引入Highcharts插件：

• 訪問 highcharts.com 下載 Highcharts 包。
• 二、使用官方提供的 CDN 地址：http://code.highcharts.com/highcharts.js