Sitene Pasta Grafik Kodu (Google API) by Kod Dostu on 2/02/2013 01:23:00 ÖS analyticsdek gibi, Charts API, google, grafik kodları, koddostu, nasıl çizilir, nasıl eklenir, pasta dilimi, pasta grafik eklemek, pasta grafik kodu adfxq yayınaef son ..xva baslikntd urlname Reklam 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. <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> <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> Nasıl ekleyeceğinizi öğrenmek için,sitenizi oluştururken kullandığınız platformu seçin: