Siteniz İçin Pasta Grafik Kodu

[Root]

Google Chart API artık elinizin altında! Koddostu tarafından sadeleştirilerek sizlere sunduğumuz bu güzel kod sayesinde interaktif pasta dilimleri oluşturabilirsiniz!

NASIL DEĞİŞTİRİRİM?
kod içerisinde ['Birinci Örnek Dilim', 40] gibi kısımlar göreceksiniz. Burada pasta diliminin adını değiştirebilir, yanındaki sayıyı değiştirerek dilimin yüzdesini belirleyebilirsiniz. Grafik başlığını değiştirmek için kod içerisindeki Örnek Grafik Başlığı yazısını bulun.

Kod: Tümünü Seç Tümünü Kopyala

<script type="text/javascript" src="https://www.google.com/jsapi"></script><script type="text/javascript">google.load('visualization', '1.0', {'packages':['corechart']});google.setOnLoadCallback(drawChart);function drawChart() {var data = new google.visualization.DataTable();data.addColumn('string', 'Topping');data.addColumn('number', 'Slices');data.addRows([

          ['Birinci Örnek Dilim', 40],
          ['İkinci Örnek Dilim', 20],
          ['Üçüncü Örnek Dilim', 15],
          ['Dördüncü Örnek Dilim', 25],


        ]);var options = {'title':'Örnek Grafik Başlığı','width':400,'height':300};var chart = new google.visualization.PieChart(document.getElementById('chart_div'));chart.draw(data, options);}</script><div id="chart_div"></div>

alıntı
kaynak: http://www.koddostu.com/2013/02/sitene-pasta-grafik-kodu-google-api.html