スパークライン棒グラフに凡例と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から、 スパークラインの上にマウスを置くと、基礎となるデータが表示されます。