jquery - 无论如何，是否可以垂直对齐谷歌组织图表可视化中的框

Question

我正在使用google org chart visualization API我想将垂直对齐设置为单元格的顶部。 (我在每个组织结构图框中显示多个人员，因此我希望每个“级别”与顶部而不是中间对齐。因此，在示例中，Alice 垂直居中。i希望它为 valign="top"。使用 google 可视化 api 可以做到这一点吗？？

Answer 1

您可以设置组织结构图中元素的样式。这是我的做法...

我一开始的错误是在 Google Javascript 代码上方添加 css block 。一旦我把它移下来，我就可以改变几乎任何视觉属性。

<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>