Javascript 将列表显示为二叉树

我想画一棵二叉树，但问题是我找不到任何正确的javascript插件。我在谷歌上搜索了很多javascript插件，但是没有找到任何对我有帮助的插件，而且我找到的插件也没有很多文档

我检索二叉树，其中每个记录都知道它的父项是谁，它们在哪一边。该数据被编码成json并发送回ajax调用。我想在这个数据上画二进制。有人能告诉我有什么插件可以帮我做到这一点吗

id |用户id |家长id |侧面|深度|创建|更新|在

---

我的数据以json格式返回。现在在这里，我有了它们所在的侧面，并且父id告诉wich用户是它的父。现在数据以json形式返回，它有一个数组，每个索引都有一个对象，其格式与我在块引号中给出的格式相同。现在我想要一个jquery库，它接收用户id，以显示它们中的文本内容，如果它们有一个其父项所在的父项，并且它们位于哪一侧，我找到了一个解决方案来创建这样一个二叉树。任何阅读此答案的人都可以使用谷歌组织结构图，这里是链接

$（文档）.ready（函数（）{
load（'current'，{packages:[“orgchart”]}）；
google.charts.setOnLoadCallback（drawChart）；
函数绘图图（）{
var data=new google.visualization.DataTable（）；
data.addColumn（'string'，'id'）；
data.addColumn（'string'，'Manager'）；
data.addColumn（'string'，'toolTip'）；
data.addRows([
[值，父项，“]，
]);
//创建图表。
var chart=new google.visualization.OrgChart（document.getElementById（'chart_div'））；
chart.draw（数据，{allowtml:true}）；
}
});

最后一件事是，当您尝试打印时，因为我正在使用php，我遇到了一个错误，即根父级没有子级，因此它没有打印任何内容，因此对于所有php开发人员，您可以在父级参数中执行此操作

"<?php echo isset($values['something']) ? $values['something'] : '';  ?>"

“”

还有最后一件事，在我的例子中，所有的东西都是字符串，所以我必须用倒逗号把值等括起来

希望这个解决方案有帮助

---

我忘记了一件事，就是要记住，如果一个节点只有一个子节点，那么它将不会在左侧或右侧显示它，而是在一条直线上显示它。据我所知，这是它唯一缺少的东西

可能重复的数据。你能发布你的数据吗？您希望如何显示它们？到目前为止你做了什么？@Aᴍɪʀ我已经更新了问题，这是一个非常好的问题。但是我认为没有通用的二叉树可视化工具，因为它们的叶子数量增长得非常快。因此，实现在很大程度上取决于树的深度。例如-正如您所看到的，没有任何与叶子相关的数据存放位置。：）@f_martinezn看起来我找到了这样一个实现。这是谷歌的组织结构图。它们很容易实现。它们的一个缺点是，如果节点只有一个子节点，那么它将不会显示在左侧或右侧

"<?php echo isset($values['something']) ? $values['something'] : '';  ?>"