• 27-12-2012, 15:10:37
    #1
    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.
  • 27-12-2012, 15:11:52
    #2
    en pratik yol olarak % hesabı yapmak çok zor olmasa gerek phpde, % yaparak deneyin sizde
  • 27-12-2012, 15:16:35
    #3
    mesajdada belirttiğim gibi benim ihtiyacım olan yüzde değil. İnternettekilerin hepsi yüzde yapıyor demiştim mesajımda zaten.
  • 27-12-2012, 15:27:16
    #4
    flash destekli olanları denediniz mi
    openchart vardı galiba bir de fusion charts
  • 27-12-2012, 15:38:51
    #5
    baktım hocam fiyatları çok pahalı.
  • 27-12-2012, 15:56:44
    #6
    http://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:31
    #7
    hocam 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
    #8
    <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.
  • 27-12-2012, 16:34:07
    #9
    süper oldu bu işte. Çok teşekkür ederim. Son bir şey sormak istiyorum. bu atanan değerlere php değişkeni yazmak için
    ['Work',     <?PHP echo $değişken; ?>],
    bu şekildemi kullanmam gerekiyor yoksa farklı bir yöntemi mi var?