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 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.
<!--Author: koddostu.com-->
<!--Licence: GNU GPL V2.0-->
<!--Name: Sitene Pasta Grafik Kodu (Google API)-->
<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 src="https://www.koddostu.com/duzelt.js?no=176"></script>