• 作者：Gareth Watts
• 官網：http://omnipotent.net/jquery.sparkline/
• 展示：http://omnipotent.net/jquery.sparkline/

之�看到有網�介紹 Flot 就覺得很有趣，很想�多看看用 jQuery 畫圖究竟能夠�到到什麼樣的地步。

今天發�還有�一個也很酷的統計圖 Plugin ��： Sparklines。 特點是圖�以縮�到�有一行（inline - 袖�型的金��），
還�以�到數據自動更新（滑鼠移動的速度�脈膊一樣顯示），還有它�以畫出 Flot 目�所沒有的“圓餅圖�。

統計圖一���一些數據分�很有用，� Google Analytics 就使用許多圓餅圖和折線圖讓數據說話。

在實用上，我想�以拿來�訂單的分�應該很�錯，eg“退貨率"�“訂單與客戶或折價券的銷售關係� 或是 ecmail 的 “開信率“ 等等都�以套用。

這應該是我目�最想試用的 Plugin 。

使用方�：

載入 jQuery � sparkling

<script src="js/jquery.js" type="text/javascript"></script>

<script src="js/sparkline.js" type="text/javascript"></script>

�來是 html 格�

<span id="pie">Loading..</span>

最後是

$(document).ready(function() { 

	// $(selector).sparkline(values, options);
	$('#pie').sparkline([1,2,3,4,5,4,3,2,1], { type:'pie' });

}

出來的�果會�這樣：

目�的 sparkline 所用的色調似乎還太簡單了。希望將來如果�以加一點陰影的特效，讓圓餅圖整個立體起來就更棒啦。
目�最新版為：27 Mar 2009 Version 1.4.1 Released

延伸閱讀：6 jQuery Chart Plugins For Your App