強大的jQuery圖表套件- HighCharts

脈博網後台看到很漂亮的圖表,原來是使用 HighCharts這個元件。提供了幾乎所有常用的圖表類型:長條圖圓餅圖、折線圖、散佈圖等….,每種圖表還可以額外的定義,可以輕鬆的打造出專屬的圖表。

記得使用時要搭配 jQuery。

HighCharts
網站:http://www.highcharts.com

範例:http://www.highcharts.com/demo

Highcharts - Interactive JavaScript charts for your webpage

JQuery Cycle Plugin顯示頁數

可以在after加上以下的代碼就可以了

$(function() {
$('#slideshow').cycle({
fx:      'scrollHorz',
timeout:  2000,
prev:    '#prev',
next:    '#next',
pager:   '#nav',
after:     onAfter
});
});

function onAfter(curr,next,opts) {
	var caption = 'Image ' + (opts.currSlide + 1) + ' of ' + opts.slideCount;
	$('#counter').html(caption);
}