2013-07-22 10 views
5

Pracowałem nad sparklines bar graph. Do tej pory jestem w stanie narysować prosty wykres słupkowy, oto kod Jquery:Dodawanie wartości legendy i osi Y na wykresach słupkowych z wykresami iskrowymi

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> 

Patrz mój kod na JSFIDDLE.

Teraz chcę dodać nazwę legendy, a także wartość osi Y na każdym z pasków, jak pokazano poniżej.

enter image description here

słońce, mon, tue legendy, a wartość na białym kolorem na górze kraty są wartości na osi y.

Ale nie jestem w stanie tego osiągnąć.

Każda pomoc zostanie doceniona.

Odpowiedz

6

Im więcej mogłem zrobić jest skierowany do FAQ Sparkline za:
http://omnipotent.net/jquery.sparkline/#s-faq

Najczęściej zadawane pytania

Dlaczego nie ma oś etykiety/znaczniki?

Linie próbnikowe mają być na tyle małe, aby zmieściły się wzdłuż linii tekstu , aby dać szybkie wrażenie trendu lub wzoru, a tym samym nie mogą mieć akcesoriów o pełnych rozmiarach wykresów. Począwszy od wersji 2.0 możesz nad polami przesuwać kursor myszy, aby zobaczyć podstawowe dane.

Powiązane problemy