反正是有垂直對齊的谷歌組織結構圖可視化

的框我使用google org chart visualization API，我想具有垂直取向設置到頂部上的細胞。（我顯示多個人在每一個組織結構圖框，所以我想每一個「級別」到頂端對齊，而不是中間。所以，在這個例子中，在那裏你有愛麗絲其垂直居中對齊。我希望它VALIGN = 「頂」這是可能使用谷歌可視化API ??反正是有垂直對齊的谷歌組織結構圖可視化

來源

2011-01-25 leora

您可以將樣式組織結構圖中的元素。這裏是我是如何做到的？

我在第一個錯誤是添加了谷歌Javascript代碼上面的CSS塊。一旦我將它移開，我幾乎可以改變任何視覺屬性。

<script type='text/javascript'> 
     google.load('visualization', '1', {packages:['orgchart']}); 
     google.setOnLoadCallback(drawChart); 
     function drawChart() { 

     /*GOOGLE MUMBO JUMBO GOES HERE*/ 

     var chart = new google.visualization.OrgChart(document.getElementById('chart_div')); 
     chart.draw(data, {allowHtml:true}); 
     } 
</script> 
<style type="text/css"> 
    .google-visualization-orgchart-node { 
     width: 240px; 
    } 
    .google-visualization-orgchart-node-medium { 
     vertical-align: top; 
    } 
</style>

來源

2011-02-19 16:21:25 xBoarder

-2

您可以通過細胞與setProperty功能調整CSS做：

// for 0 row 0 column 
data.setProperty(0, 0, "style", "valign:top;");

來源

2011-01-27 09:29:16

這似乎並沒有任何區別 – leora 2011-01-27 13:12:47

它爲我的其他屬性。 – 2011-01-27 14:35:39

確定，但它不適用於此 – leora 2011-01-29 23:57:11

我不知道如果有一個簡單的方法與谷歌的API，但你可以做到這一點簡單的CSS;

而不是

['Alice', 'Mike', ''],

你可以寫

['<div style="height:50px;vertical-align:top">Alice</div>', 'Mike', ''],

如果你願意，你也可以寫一個JavaScript代碼來計算單元格的高度並將其分配給該小區的div標籤。

編輯：如果你想垂直對齊TD元素，你可以寫一個自定義的CSS;

.google-visualization-orgchart-node {vertical-align:top;}

來源

2011-01-30 23:24:21

-1

Elzo有一個建議，而不是使用valign：top;你需要使用垂直對齊：頂部像下面

data.setProperty(0, 0, "style", "vertical-align:top;");

來源

2011-02-03 01:58:30 ochi

對於那些尋求簡單，開源的JavaScript組織架構庫：

我剛剛發佈lib_gg_orgchart。它使用JSON輸入並使用Raphael繪製圖表。

看看該網站的一些例子和下載：

http://www.fluxus.com.ve/gorka/lib_gg_orgchart

如果你覺得有用，請讓我知道。

來源

2012-05-16 02:47:06

反正是有垂直對齊的谷歌組織結構圖可視化

回答

相關問題