Wykresy bootstrap i php Opcje

[Cliassi]

Witam,

Korzystając z wykresów bootstrap chciałbym wyświetlić wykresy w pętli o różnych wartościach.

Kod jaki jest potrzebny do wygenerowania wykresu:

[HTML] pobierz, plaintext 
<div id="pie-chart" class="chart-placeholder">
 
         </div>
[HTML] pobierz, plaintext 

A tutaj wypełnianie wykresu

[HTML] pobierz, plaintext 
                  <script type="text/javascript">
 
 
         /* Pie chart starts */
 
         $(function () {
 
             var data = [];
             var series = 2;
             for( var i = 0; i<series; i++)
             {
                 data[i] = { label: "Koszt "+(i+1), data: Math.floor(Math.random()*10)+1 }
             }
 
             $.plot($("#pie-chart"), data,
             {
                 series: {
                     pie: {
                         show: true,
                         radius: 1,
                         label: {
                             show: true,
                             radius: 3/4,
                             formatter: function(label, series){
                                 return '<div style="font-size:8pt;text-align:center;padding:2px;color:white;">'+label+'<br/>'+Math.round(series.percent)+'%</div>';
                             },
                             background: { opacity: 0 }
                         }
                     }
                 },
                 grid: {hoverable: true},
                 legend: {
                     show: false
                 },
                 colors: ["#C0C0C0","#82bf00"]
             });   
 
         /* Pie chart ends */
 
         });
 
 
   </script>
[HTML] pobierz, plaintext 

chciałbym aby dane nie losowały się z JavaScriptu tylko były podawane w pętli . Macie pomysł jak to zrobić ?

[gitbejbe]

Korzystając z wykresów bootstrap chciałbym wyświetlić wykresy w pętli o różnych wartościach.

co chciałbyś ?!

chciałbym aby dane nie losowały się z JavaScriptu tylko były podawane w pętli . Macie pomysł jak to zrobić ?

a to co to jest ?

[HTML] pobierz, plaintext 
 var data = [];
             var series = 2;
             for( var i = 0; i<series; i++)
             {
                 data[i] = { label: "Koszt "+(i+1), data: Math.floor(Math.random()*10)+1 }
             }
[HTML] pobierz, plaintext 

dane są przecież tworzone w pętli ?

strzelam, ze chcesz wrzucić swoje własne dane - np z php'a i nie wiesz jak to zrobić. Najprościej to po pierwsze: wyświetlasz sobie console.log(data) sprowadzasz jak wygląda struktura danych. Jeśli dane chcesz wklepac z js'a to nie ma tutaj żadnej filozofii. Jeśli z php to tak samo, z tym, że muszisz dane (z bazy, z palca, z kosmosu) zapisać w php'owskich tablicach i na koniec przekonwertować do formatu json (json_encode($jakies_tam_dane_w_php)).
Jeśli jednak nie chodzi o to, to problem na 100% leży w tym że sam nie rozumiesz tego czego chcesz - na co dowód mamy w Twoich wypowiedziach.

EDIT:
wykres tworzony jest na podsatwie punktów osi x,y. Czyli dla każdego pakietu danych musisz podać wartosc [osi_y(wartosc),osi_x(czas-timestamp lub wartosc)]. 'label' jest nazwą danej serii - widnieje na legendzie. najczęściej taki pakiet danych mozna zapisać w taki sposób:
series {
label: 'nazwa_serii',
data : [[0, 3], [4, 8], [8, 5], [9, 13]]
}

Ten post edytował gitbejbe 11.02.2014, 22:18:49