Aggiunta di legende e valore dell'asse y sui grafici a barre sparkline

Question

Stavo lavorando su sparklines bar graph. Fino ad ora sono in grado di disegnare un semplice grafico a barre, ecco il codice 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> 

prega di fare riferimento al mio codice JSFIDDLE.

Ora desidero aggiungere il nome di legende e il valore dell'asse y su ciascuna barra come mostrato di seguito.

sole, Lu, Ma sono leggende e il valore sul colore bianco nella parte superiore delle barre sono valore dell'asse y.

Ma non sono in grado di raggiungerlo.

Qualsiasi aiuto sarebbe apprezzato.

Answer 1

Quanto più ho potuto fare che si sta puntando alla FAQ di sparkline:
http://omnipotent.net/jquery.sparkline/#s-faq

Domande frequenti

perciò non ci sono assi etichette/marcatori?

Sparklines sono destinati ad essere abbastanza piccolo da stare al fianco di una linea di testo, per dare una rapida impressione di una tendenza o un modello e quindi non hanno l'armamentario di grafici di dimensioni complete. A partire dalla versione 2.0 è possibile eseguire il mouse sulle sparkline per visualizzare i dati sottostanti.