2013-07-22 13 views
5

sparklines bar graph üzerinde çalışıyordum. JSFIDDLE deKıvılcım çubuk grafiklerine gösterge ve y ekseni değeri ekleme

<p> 
<span class="sparkline">Loading...</span> 
</p> 

bakınız kodum

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: şimdi basit bir çubuk grafik çizmek mümkün duyuyorum kadar, burada jQuery kodudur.

Şimdi, aşağıda gösterildiği gibi her bir çubuğun üzerinde efsane adı ve y ekseni değeri eklemek istiyorum.

enter image description here

güneş, Pazartesi, Salı lejandlar ve çubukların beyaz renk değeri y ekseni değeri vardır.

Ancak bunu başaramıyorum.

Herhangi bir Yardım memnuniyetle karşılanacaktır.

cevap

6

daha ben SPARKLINE en SSS sizi işaret yapabileceği:
http://omnipotent.net/jquery.sparkline/#s-faq

Sıkça Sorulan Sorular

Neden hiç eksen etiketleri/belirteçler vardır?

Mini grafikler, bir eğilimin veya desen hızlı bir izlenim vermek, metin satırı yanında sığacak kadar küçük olması amaçlanmıştır ve bu nedenle tam boyutlu grafikleri kullanma araçlarını yok yapacağız. 2.0 sürümünden itibaren, temel verileri görmek için sparklines üzerinden faresini kullanabilirsiniz.

İlgili konular