highCharts圖表入門簡介

1、Highcharts簡介

Highcharts:功能強大、開源、美觀、圖表豐富、兼容絕大多數瀏覽器的純js圖表庫
    Highcharts是一款純javascript編寫的圖表庫，可以很簡單便捷的在Web網站或Web應用中添加交互性的圖表，Highcharts目前支持直線圖、曲線圖、面積圖、柱狀圖、餅圖、散點圖等多達18種不一樣類型的圖表，能夠知足你對Web圖表的任何需求 ！

2、Highcharts的構造

3、名詞解釋

英文名	中文名	描述
lang	語言文字對象	全部Highcharts文字相關的設置
chart	圖表	圖表區、圖形區和通用圖表配置選項
colors	顏色	圖表數據列顏色配置，是一個顏色數組
credits	版權信息	Highcharts在圖表的右下方放置的版權信息及鏈
drilldown	向下鑽取	向下鑽取數據，深刻到其中的具體數據
exporting	導出模塊	導出功能配置，導出即將圖表下載爲圖片或打印圖表
labels	標籤	能夠放置到圖表區域內任何位置的HTML標籤
legend	圖例	用不一樣形狀、顏色、文字等 標示不一樣數據列，經過點擊標示能夠顯示或隱藏該數據列
loading	加載中	加載選項控制覆蓋繪圖區的加載屏的外觀和文字
navigation	導航	導出模塊按鈕和菜單配置選項組
noData	沒有數據	沒有數據時顯示的內容
pane	分塊	針對儀表圖和雷達圖專用的配置，主要設置弧度及背景色
plotOptions	數據點配置	針對不一樣類型圖表的配置。Highcharts全部圖表類型請看下錶
series	數據列	圖表上一個或多個數據系列，好比圖表中的一條曲線，一個柱形
title	標題	包括即標題和副標題，其中副標題爲非必須的
tooltip	數據點提示框	當鼠標滑過某點時，以框的形式提示改點的數據，好比該點的值，數據單位等
Axis	座標軸	包括x軸和y軸。多個不一樣的數據列可共用同一個X軸或Y軸，固然，還能夠有兩個X軸或Y軸，分別顯示在圖表的上下或左右。

 

4、Highcharts的優點

兼容性

Highcharts支持目前全部的現代瀏覽器，包括IE6 +、iPhone/iPad、Android。Highcharts在標準（W3C標準）瀏覽器中使用SVG技術渲染圖形，在遺留的IE瀏覽器中使用VML技術來繪圖。

開源免費

針對我的用戶及非商業用途免費，並提供源代碼下載，你能夠任意的修改它。商業用途須要購買許可，我的及非商業用途須遵循CC BY-NC 3.0協議

純Javascript

Highcharts徹底基於本地瀏覽器技術，不須要任何插件（例如Flash、java），不須要安裝任何服務器環境或動態語言庫支持，只須要兩個js文件便可運行。

圖表類型豐富

Highcharts目前支持直線圖、曲線圖、面積圖、曲線面積圖、面積範圍圖、曲線面積範圍圖、柱狀圖、柱狀範圍圖、條形圖、餅圖、散點圖、箱線圖、氣泡圖、偏差線圖、漏斗圖、儀表圖、瀑布圖、雷達圖，共18種類型圖表，其中不少圖表能夠集成在同一個圖形中造成綜合圖。

動態性

提供豐富的API接口，方便在建立圖表後對圖表的任意點、線和文字等進行增長、刪除和修改操做。支持衆多的Javascript事件，結合jQuery、MooTools、Prototype等javascript框架提供的Ajax接口，能夠實時地從服務器取得數據並實時刷新圖表。

多軸支持

對於須要比較的數據，Highcharts提供多軸支持。而且能夠針對每一個軸設置其位置、文字和樣式等屬性。

動態提示框

當鼠標懸停在圖表上的數據點時，Highcharts會顯示信息提示框，固然，顯示的內容和樣式能夠本身指定和設置。

圖表導出和打印功能

你能夠將Highcharts圖表導出爲PNG、JPG、PDF和SVG格式文件或直接在網頁上打印出來。

圖表縮放

能夠設置圖表的縮放，讓你更方便查看圖表數據。

支持外部數據加載

Highcharts支持多種數據形式，能夠是Javascript數組、json文件、json對象和表格數據等，這些數據來源能夠是本地、不一樣頁面，甚至是不一樣網站。