如何使更广泛的谷歌orgchart

Question

我可以请一些帮助。如何让google org图表看起来更宽？我的意思是线条伸展以占据容器的空间，如下图所示。

修改

添加了代码

 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与上图不同。

Answer 1

在div标签中设置大小：

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

Answer 2

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

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

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

上述解决方案对我有用。