Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript]jqPlot
Forum PHP.pl > Forum > Przedszkole
maxelectric
Witam

Chciałbym aby w załączonym wykresie nad słupkami wyświetlały się wartości. Niestety nie potrafię sobie z tym poradzić, pointLabels: {show: true} nie pomaga, chyba, że umieszczam w złym miejscu. Korzystam z biblioteki jqPlot. Czy ktoś potrafi mi pomóc?

wykres:
https://drive.google.com/file/d/0BxN_ccRgEX...dit?usp=sharing

skrypt:

<script type="text/javascript">
$(document).ready(function(){
var line1 = [['<?php echo $tab[1]?>',<?php echo $tab[0]?>],
['<?php echo $tab[3]?>',<?php echo $tab[2]?>],
['<?php echo $tab[5]?>',<?php echo $tab[4]?>],
['<?php echo $tab[7]?>',<?php echo $tab[6]?>],
['<?php echo $tab[9]?>',<?php echo $tab[8]?>],
['<?php echo $tab[11]?>',<?php echo $tab[10]?>],
['<?php echo $tab[13]?>',<?php echo $tab[12]?>],
['<?php echo $tab[15]?>',<?php echo $tab[14]?>],
['<?php echo $tab[17]?>',<?php echo $tab[16]?>],
['<?php echo $tab[19]?>',<?php echo $tab[18]?>],
['<?php echo $tab[21]?>',<?php echo $tab[20]?>],
['<?php echo $tab[23]?>',<?php echo $tab[22]?>],
['<?php echo $tab[25]?>',<?php echo $tab[24]?>],
['<?php echo $tab[27]?>',<?php echo $tab[26]?>],
['<?php echo $tab[29]?>',<?php echo $tab[28]?>],
['<?php echo $tab[31]?>',<?php echo $tab[30]?>],
['<?php echo $tab[33]?>',<?php echo $tab[32]?>],
['<?php echo $tab[35]?>',<?php echo $tab[34]?>],
['<?php echo $tab[37]?>',<?php echo $tab[36]?>],
['<?php echo $tab[39]?>',<?php echo $tab[38]?>],
['<?php echo $tab[41]?>',<?php echo $tab[40]?>],
['<?php echo $tab[43]?>',<?php echo $tab[42]?>],
['<?php echo $tab[45]?>',<?php echo $tab[44]?>],
['<?php echo $tab[47]?>',<?php echo $tab[46]?>],
['<?php echo $tab[49]?>',<?php echo $tab[48]?>],
['<?php echo $tab[51]?>',<?php echo $tab[50]?>],
['<?php echo $tab[53]?>',<?php echo $tab[52]?>],
['<?php echo $tab[55]?>',<?php echo $tab[54]?>],
['<?php echo $tab[57]?>',<?php echo $tab[56]?>],
['<?php echo $tab[59]?>',<?php echo $tab[58]?>],
['<?php echo $tab[61]?>',<?php echo $tab[60]?>]];

var plot1 = $.jqplot('chart1', [line1], {
title: 'Zestawienie miesięczne',
series:[{renderer:$.jqplot.BarRenderer}],
axesDefaults: {
tickRenderer: $.jqplot.CanvasAxisTickRenderer ,
tickOptions: {
angle: -30,
fontSize: '10pt'
}
},

axes: {
xaxis: {
renderer: $.jqplot.CategoryAxisRenderer
}
}

});
});

</script>

Pozdrawiam
djgarsi
Mój kodzik. Co prawda liniowy wykres daje ale z wartościami.

http://jsfiddle.net/bndwjsyL/
maxelectric
Dzięki, problem rozwiązany. Nie zauważyłem że należy dołączyć:
<script type="text/javascript" src="../src/plugins/jqplot.pointLabels.min.js"></script>

pozdrawiam
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.