Bir Google grafiğini web sayfasında nasıl konumlandırabilirim?

Google grafiğini kullanıyorum. Konumlandırma beni çekiyor. Bu bölümü belgelere yerleştirmedim. Sadece div içinde (x, y) olarak konumlandırılmış sol üst köşesi olan bir div içinde bir Google grafiği oluşturmak istiyorum. Boyutları kontrol etmek için ekstra puan. Ben kundakçı gibi bir araç kullanarak 'zamanında' de html bakarsakBir Google grafiğini web sayfasında nasıl konumlandırabilirim?

<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([ 
      ['Year', 'Sales', 'Expenses'], 
      ['2004', 1000,  400], 
      ['2005', 1170,  460], 
      ['2006', 660,  1120], 
      ['2007', 1030,  540] 
     ]); 

     var options = { 
      title: 'Company Performance', 
      hAxis: {title: 'Year', titleTextStyle: {color: 'red'}} 
     }; 

     var chart = new google.visualization.ColumnChart(document.getElementById('chart_div')); 
     chart.draw(data, options); 
     } 
    </script> 
    </head> 
    <body> 
    <div id="chart_div" style="width: 900px; height: 500px;"></div> 
    </body> 
</html>

görüyorum:

rect x="161" y="96" width="579" height="309"

Ama o değerlerden herhangi birini açmadı.

kaynak

2012-09-03 zehelvion

Herhangi bir örnek kod? –

Tamam, devam ettim ve ekledim :) – zehelvion

var options = { 
      ..., 
      chartArea:{left:0,top:0,width:"50%",height:"50%"} 
}

ve istediğiniz genişliğini ve yüksekliğini ayarlamak; Tam seçenekler here'dur.

kaynak

2012-09-04 00:17:17

Sadece kontrol etmeye gittim ve harika çalıştı, teşekkürler! – zehelvion

Tamam, bazı ekstra HTML eklemeniz gerekir: Grafiğin

<body> 
    <div style="position:relative;width:100%"> 
     <div id="chart_div" style="position:absolute;right:0px;top:0px;width: 400px; height: 300px;"></div> 
    </div> 
</body>

yükseklik div genişlik ve yükseklik ile kontrol edilebilir. Yerleştirme, sağa, sola, sola/yana değişme, vb. Ile kontrol edilebilir.

Harita_divini yüzdürmek veya başka bir konumlandırma yöntemi kullanmak isteyebilirsiniz.

Gereksinimlerinize bağlı olarak, bu yeterli olabilir: Değilse, bildirin.

grafik seçeneklerine ekleme, DIV içinde (0,0) grafik konumlandırmak için örneğin

kaynak

2012-09-03 22:47:47

Bir Google grafiğini web sayfasında nasıl konumlandırabilirim?

cevap

İlgili konular