如何扩大谷歌组织结构图答案

【问题标题】：how to make wider the google orgchart如何扩大谷歌组织结构图
【发布时间】：2014-12-22 14:30:20
【问题描述】：

我可以寻求帮助吗？如何使 google 组织结构图看起来更宽？我的意思是线条正在伸展以占据容器的空间，如下图所示。

编辑：

添加代码

 var dt = new google.visualization.DataTable(data);
                    dt.addColumn('string', 'Name');
                    dt.addColumn('string', 'Manager');
                    dt.addColumn('string', 'ToolTip');

                    dt.addRows(data);




                    var chart = new google.visualization.OrgChart(document.getElementById('chart_div'));

                    chart.draw(dt, {allowHtml:true, allowCollapse:false, size:'small', size: 'medium'});

这是我的google orgchart，和上图不一样。

【问题讨论】：

请提供示例代码。但看起来你应该寻找使用 min-width （但很难说，鉴于这么少的信息）
@jbutler483,2、3节点有很多后代会自动拉伸吗？
我真的不能说没有工作演示/标记。毕竟，我们是程序员，喜欢阅读代码而不是句子。
@jbutler483，我现在添加了我的代码，我怎样才能让我的组织结构图看起来和我上传的图片一样，。2和3更宽
你能发布渲染的标记吗？（右键单击您的页面-> 查看源代码）。并复制与此相关的代码？

标签： jquery css google-visualization orgchart

【解决方案1】：

在你的 div 标签中设置大小：

<div id="chart_div" style="height: 200px; width: 800px"></div>

【讨论】：

【解决方案2】：

我可以知道你为什么要设置谷歌组织结构图的“大小”属性同时到小型和中型？在您的代码中，size: 'medium' 属性覆盖 size: 'small' 财产。你可以试试size:'large' 属性。但它会增加组织结构图节点的宽度和高度。

如果你只想增加所有节点的宽度，那么尝试覆盖组织结构图类：

.google-visualization-orgchart-table tr td.google-visualization-orgchart-node div { width: 250px!important; }

上述解决方案对我有用。

【讨论】：

你知道这个问题是从 2014 年开始的，对吧？您可能无法获得所需的说明。如果您仍然想回答，则应发布您的答案，而无需提出其他问题。