将列表显示为二叉树

Question

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

我检索了二叉树，其中每条记录都知道它的父项是谁以及它们在哪一边。该数据被编码为 json 并发送回 ajax 调用。我想在此数据上绘制二进制文件。谁能告诉我任何可以帮助我做到这一点的插件

id |user_id| parent_id |side |depth |created_at | updated_at

我的数据以 json 形式返回。现在我有了它们所在的边，父 ID 告诉用户是它的父。现在数据以 json 形式返回，该形式有一个数组，每个索引都有一个对象，格式为我在块引号中给出的格式。现在我想要一个 jquery 库，它接收用户 ID，以显示在其中作为文本显示的内容，以及它们是否有其父项的父项以及它们在

的哪一侧

Answer 1

我找到了制作这种二叉树的解决方案。阅读此答案的任何人都可以使用 Google 组织结构图，这是 link Google Organization Chart

$(document).ready(function(){
            google.charts.load('current', {packages:["orgchart"]});
            google.charts.setOnLoadCallback(drawChart);
             function drawChart() {

                var data = new google.visualization.DataTable();
                data.addColumn('string', 'id');
                data.addColumn('string', 'Manager');
                data.addColumn('string', 'toolTip');

                data.addRows([
                    <?php foreach($data as $values): ?>

                        [value, parent, ""],
                    <?php endforeach; ?>
                ]);
                // Create the chart.

                var chart = new google.visualization.OrgChart(document.getElementById('chart_div'));
                chart.draw(data, {allowHtml:true});
            }
        });

当你尝试打印时的最后一件事，因为我正在使用 php 我遇到了一个错误，根 parent 没有 child 所以它没有打印任何东西所以对于所有 php 开发人员，您可以在 parent 参数

中执行此操作

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

在我的案例中，最后一件事是所有内容都是字符串，因此我必须将值等用引号括起来

希望此解决方案对您有所帮助

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

将列表显示为二叉树

Display a list as binary tree

javascript

binary-tree