用javascript在组织结构图中绘制垂直节点

我想用html和javascript绘制一个带有垂直节点的组织结构图

在我的代码中，我从GoogleSheet导入数据并绘制一个水平组织结构图，但我将拥有的长数据的问题将变得更大

加载'current'，{'packages'：['orgchart'，'table']}； google.charts.setOnLoadCallbackfunction{initialize}； 函数初始化{ document.getElementById'orgchart_admin'.innerHTML=； var dataSourceUrl=https://docs.google.com/spreadsheets/d/6dPVwx_LNfpo0ArgiJOYteBmZNR7cWsjDhYIZKc20pY/gviz/tq?'; //告诉它第一行包含标题：“角色”、“报告对象”、“名称” var query=new google.visualization.QuerydataSourceUrl+'&headers=1'； //使用回调函数发送查询。 query.sendhandleQueryResponse； } 函数handleQueryResponseresponse{ //在返回查询响应时调用。 if response.isError{ 警报“查询中出错：'+response.getMessage+'+response.getDetailedMessage； 回来 } var raw_data=response.getDataTable； var data=new google.visualization.DataTable； data.addColumn'string'，'Entity'； data.addColumn'string'，'ParentEntity'； data.addColumn'string'，'ToolTip'； //循环遍历所有行，并使用orgchart的格式化值填充新数据表 var num_rows=raw_data.getNumberOfRows； 对于变量i=0；iGoogle orgchart不支持混合布局。您可以使用来实现请求的功能。以下是一个例子：

var chart=new OrgChartdocument.getElementByIdtree，{ 布局：混合， 节点绑定：{ 字段0:id }, 启用搜索：false， 节点：[ {id:1}， {id:2，pid:1}， {id:3，pid:1}， {id:4，pid:2}， {id:5，pid:2}， {id:6，pid:3}， {id:7，pid:3} ] }; html，正文{ 边际：0px； 填充：0px； 宽度：100%； 身高：100%； 溢出：隐藏； 文本对齐：居中； 字体系列：投石机MS； } 树{ 宽度：100%； 身高：100%； 位置：相对位置； }

---

你想要实现什么？到目前为止，您尝试了哪些包括代码？StackOverflow用于帮助解决现有代码和代码问题。你的问题不在这个范围之内。请澄清您已经尝试了什么以及您需要帮助什么。@EmilS.Jørgensen完成后，我修改了我的post@SoukainaBoukir我似乎无法运行您的代码片段。你可能已经读过这篇文章了，但下面是谷歌的教程。你说你的问题是图表太大了？@EmilS.Jørgensen是的，确实，当a有大量节点时，它会变大并显示一个卷轴，这就是为什么我在寻找一种垂直显示它们的方法