在迷你图条形图上添加图例和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轴值，如下所示。

sun，mon，tue是图例，条形顶部白色的值是y轴值。

但我无法实现它。

任何帮助都将不胜感激。

Answer 1

我能做的更多就是指向迷你的常见问题解答：
http://omnipotent.net/jquery.sparkline/#s-faq

  

常见问题

     

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

     

迷你图旨在小到足以与一条线相配   文字，给出一个趋势或模式的快速印象，因此不要   有全尺寸图表的随身物品。从版本2.0开始，您可以   将鼠标悬停在迷你图上以查看基础数据。