谷歌可視化儀表垂直對齊

我想把谷歌儀表垂直對齊。這是我的javascript代碼（從谷歌操場它的複製粘貼）谷歌可視化儀表垂直對齊

<script type='text/javascript'> 
     google.load('visualization', '1', {packages:['gauge']}); 
     google.setOnLoadCallback(drawChart); 
     function drawChart() { 
     var data = google.visualization.arrayToDataTable([ 
      ['Label', 'Value'], 
      ['Memory', 80], 
      ['CPU', 55], 
      ['Network', 68] 
     ]); 

     var options = { 
      width: 400, height: 120, 
      redFrom: 90, redTo: 100, 
      yellowFrom:75, yellowTo: 90, 
      minorTicks: 5 
     }; 

     var chart = new google.visualization.Gauge(document.getElementById('menu2')); 
     chart.draw(data, options); 
     } 
    </script>

這是我的HTML DIV

<div id="menu2"></div>

和CSS

#menu2 
{ 
background-color:#FFD700; 
height:570px; 
width:150px; 
float:right; 
}

什麼想法？

來源

2012-06-06 user123_456

我只是將內聯樣式添加到將加載量表的div中。 Ans從我的谷歌腳本中刪除了所有寬度高度選項。

這裏是小提琴：http://jsfiddle.net/NB3Eg/

你可以用它的HTML CSS &這裏https://code.google.com/apis/ajax/playground/?type=visualization#gauge

來源

2012-06-06 18:43:32 SVS

我無法得到它的工作發揮。這裏是我的div'

'和css'#visualization {background} color：＃7AD7F9; float：right; }' –

任何想法？...... –

選中此：http://jsfiddle.net/NB3Eg/1/ – SVS

谷歌可視化儀表垂直對齊

回答

相關問題