在烟火线条形图上添加图例和y轴值

Question

我正在处理sparklines bar graph。到现在为止，我能画一个简单的柱状图，这里是jQuery代码：

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轴值。

但我无法实现它。

任何帮助，将不胜感激。

Answer 1

我越可以做的是指向你火花的常见问题解答：
http://omnipotent.net/jquery.sparkline/#s-faq

常见问题

为什么没有轴标签/标记？

迷你图旨在足够小以适合 文本的行，以快速呈现趋势或图案，因此不具有全尺寸图表的附件。从2.0版开始，您可以通过迷你图上的 鼠标查看底层数据。