Selam arkadaşlar, çok basit bir chart yapmak istiyorum ama bir türlü internette aradığıma ulaşamadım. İstediğim şey pie chart şeklinde bir chart yapmak.
3 tane değişkenim var. Bu değişkenler pie chartta gösterilecek. İnternette bulduğum chartların hepsi yüzde hesaplıyor. Bilgisi olan arkadaşlar öneride bulunursa sevinirim.
php ile chart yapmak
10
●3.054
- 27-12-2012, 15:27:16flash destekli olanları denediniz mi
openchart vardı galiba bir de fusion charts - 27-12-2012, 15:56:44http://code.google.com/apis/ajax/pla...tion#pie_chart
ayarlarda default olarak yüzde (percentage) geliyor ama değer olarak seçebiliyorsunuz (value)
örnek kod
function drawVisualization() { // Create and populate the data table. var data = google.visualization.arrayToDataTable([ ['Task', 'Hours per Day'], ['Work', 11], ['Eat', 2], ['Commute', 2], ['Watch TV', 2], ['Sleep', 7] ]); // Create and draw the visualization. new google.visualization.PieChart(document.getElementById('visualization')). draw(data, {title:"So, how was your day?", pieSliceText:"value"}); } sonuç:
- 27-12-2012, 16:20:31hocam kafam karıştı valla. İki tip kod çıkıyor bu sayfada. birincisi senin verdiğin şekli ama onu çalıştıramadım.
diğeride şöyle bişey.
<html> <head> <script type="text/javascript" src="https://www.google.com/jsapi"></script> <script type="text/javascript"> google.load("visualization", "1", {packages:["corechart"]}); google.setOnLoadCallback(drawChart); function drawChart() { var data = google.visualization.arrayToDataTable([ ['Task', 'Hours per Day'], ['Work', 11], ['Eat', 2], ['Commute', 2], ['Watch TV', 2], ['Sleep', 7] ]); var options = { title: 'My Daily Activities' }; var chart = new google.visualization.PieChart(document.getElementById('chart_div')); chart.draw(data, options); } </script> </head> <body> <div id="chart_div" style="width: 900px; height: 500px;"></div> </body> </html>bu çalışıyor ancak value yazan kısmı burda nereye koycam onu bilemedim. - 27-12-2012, 16:23:03
<html> <head> <script type="text/javascript" src="https://www.google.com/jsapi"></script> <script type="text/javascript"> google.load("visualization", "1", {packages:["corechart"]}); google.setOnLoadCallback(drawChart); function drawChart() { var data = google.visualization.arrayToDataTable([ ['Task', 'Hours per Day'], ['Work', 11], ['Eat', 2], ['Commute', 2], ['Watch TV', 2], ['Sleep', 7] ]); var options = { title: 'My Daily Activities', pieSliceText: 'value' }; var chart = new google.visualization.PieChart(document.getElementById('chart_div')); chart.draw(data, options); } </script> </head> <body> <div id="chart_div" style="width: 900px; height: 500px;"></div> </body> </html>şeklinde dener misin?
bu arada ben denedim ben de çalıştı boş html sayfasında
Bu arada bu sayfada kullanabileceğim tüm konfigurasyon ayarları mevcut
https://developers.google.com/chart/...ration_Options
Mesela
title: 'My Daily Activities',
satırından önce
is3D : 'TRUE',
satırını eklersen chart 3 boyutlu hale gelir.