2013年4月14日 星期日

[嫩B工程師滴咕] 分享一套不錯的網頁圖表


在這裡要分享一下Highcharts,這是一套base on jquery的網頁圖表工具它的功能相當齊全,目前主要分成Highcharts與Highstock兩類型,Highcharts是用於一般數據,而Highstock則適用於較進階的數據呈現,例如股票、經濟動態等等,在圖表類型的部分有折線圖與圓餅圖、長條圖,還有一些其他的圖表,另外官方網頁資源很充足有提供Example下載與線上觀看。

線上觀看網址:
.Highcharts:http://www.highcharts.com/demo/
.Highstock:http://www.highcharts.com/stock/demo/
.Example Download:http://www.highcharts.com/download



  對於熟悉JQuery或JavaScript的人來說很容易上手,如果你是剛接觸建議先下載Example研究一下如何建出一張圖表,嫩B我研究這套圖表工具也傻傻的研究了一陣子...,上面這張長條圖是我利用PHP向資料庫取得資料,再透過這個圖表工具顯示出來的結果,而圖的右方有一排列出資料項目的框框,這框框內的項目是可以點擊的,點擊後會將點擊的項目隱藏或顯示,所以說不需要進一步處裡這張圖要顯示那幾項資料省掉了許多麻煩;另外在右上有兩張小icon,一個是列印一個是下載成圖片都是很方便的功能。

官方也提供線上Documentation,其中包含了Highcharts與Highstock的API說明:
.Highcharts API Reference:http://api.highcharts.com/highcharts
.Highstock API Reference:http://api.highcharts.com/highstock

沒有留言:

張貼留言

Related Posts Plugin for WordPress, Blogger...