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軸的值,如下所示。
太陽,週一,週二是圖例,並在杆的頂部上白色的值是Y軸值。
但我無法實現它。
任何幫助,將不勝感激。