Wykresy na bootstrap Opcje

[Cliassi]

Witam,

Zacząłem się bawić wykresami na template ktory kupiłem(nie jestem zbyt dobry z css zeby takie efekty tworzyc ) i chciałbym z bazy danych wyświetlać rekordy i przy kazdym rekordzie wykres.

Kod do wyświetlania wykresu

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

a tutaj do tworzenia.

[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: ["#619301","#82bf00"]
             });   
 
         /* Pie chart ends */
 
         });
 
 
   </script>
[HTML] pobierz, plaintext 

Problem jest taki że w takiej konfiguracji tylko za 1 razem pojawia sie wykres i jeszcze z losowymi danymy. Jak zmodyfikować kod aby nie było tego js odpowiadającego za generowanie losowego wykresu tylko zebym w html wpisywał ile % gdzie i czego. Ktoś kiedyś już miał podobny problem i moglby pomoc ?