2013-07-22 125 views
5

我正在處理sparklines bar graph。到現在爲止,我能畫一個簡單的柱狀圖,這裏是jQuery代碼:在煙火線條形圖上添加圖例和y軸值

values = [0,8, 15, 10, 50, 25, 35, 70]; 
$('.sparkline').sparkline(values, { 
    type: 'bar', 
    height: '200px', 
    barWidth: 20, 
    barSpacing: 10, 
    barColor: '#56aaff', 
    zeroColor: '#000000', 
    enableTagOptions: true, 
    tagValuesAttribute: 'data-values', 
    colorMap: ["red", "green", "blue", "yellow", "orange", "#f2f2f2", "maroon", "pink"] 

}); 

HTML

<p> 
<span class="sparkline">Loading...</span> 
</p> 

請參考我的代碼在JSFIDDLE

現在我想在每個條上添加圖例名稱以及y軸的值,如下所示。

enter image description here

太陽,週一,週二是圖例,並在杆的頂部上白色的值是Y軸值。

但我無法實現它。

任何幫助,將不勝感激。

回答

6

我越可以做的是指向你火花的常見問題解答:
http://omnipotent.net/jquery.sparkline/#s-faq

常見問題

爲什麼沒有軸標籤/標記?

迷你圖旨在足夠小以適合 文本的行,以快速呈現趨勢或圖案,因此不具有全尺寸圖表的附件。從2.0版開始,您可以通過迷你圖上的 鼠標查看底層數據。

相關問題