HighCharts互動式javascript圖片外掛程式介紹

好吧，我承認我在炒冷飯，造輪子，以及各種重複勞動…不過還是希望大家多支援啊!

HighCharts是什麼?

Highcharts 是一個純javascript庫，提供更簡單的方式部署圖表到你的web程式。支援折線圖、曲線圖、Area、柱狀圖、餅圖 ，反正各種圖…

下載地址 

相容性

能運行在現代所有瀏覽器中，包括 iPhone/iPad 、IE6以上版本. 標準瀏覽器用SVG資料格式呈現圖表，早期的IE（5.0）用VML格式

免費

 

 

用於個人網站，非盈利性組織免費。 商業項目得付$

開源

Open

關鍵就是開源（其實修改的難度大家懂的..)。js代碼到手，高手們隨意發揮吧

純javascript

基於瀏覽器原生的圖片顯示格式（SVG，VML） ,不需要任何瀏覽器外掛程式。 而且伺服器端不用安裝任何程式（ps：這裡廢話太多了，相信大家都懂純js） 只需要引入2個js檔案就行了: The highcharts.js(核心) jQuery, MooTools 或者Prototype 架構. 選擇一個適合你項目的吧，哈哈

多種類型圖表

這裡就不廢話了，注意一點的是可以合并喲,親！就是把2個圖表合并成一個….

配置簡單

基於json的配置，現在都流行這個.

動態

當映像產生後你可以通過api添加，刪除，改變某一個分類，值或者改變軸（對圖表這些元素的描述很惱火..） 許多預設的事件可以重寫，結合Ajax你可以即時的改變圖表

多軸

有時候你想比較一系列不用的資料，這些資料的單位不一樣，比如現在我們要比較氣溫，氣壓，和降雨量. Highcharts 允許你為每個分類單獨添加x軸、y軸。這些軸可以在圖表的上下左右，可以設定這些軸的顯示，隱藏，刻度順序，和css樣式

Tips

把滑鼠放到每個分類，或者點上面都有提示。

時間軸

大部分圖表控制項都支援時間軸，但是Highcharts居然精確到毫秒級。

匯出和列印

各種格式吧…

顯示比例

x,y軸都是可以調

外部資料載入

Highcharts 的資料來源可以是js數組，json對象，檔案，或者其他網站.甚至可以是任何form提交的資料。

翻轉圖表，軸

可以設定的標籤角度

官方有文檔和執行個體，我的工作完成了。不對的地方請大家指正