node.js binary-tree vizualize

Question

我遇到了以下问题：我在mysql表中存储了二叉树 binary-tree table

有必要在WEB上可视化这个二叉树。 也许有人遇到过类似的问题，可以建议如何最好地完成这项任务。提前谢谢你的答案！

搜索图书馆后，我遇到了d3。写了一个例子，像所有作品一样。

Here is my fiddle: https://jsfiddle.net/yurayazupol/vbucyuzk/1/

但后来我决定从单独的json文件中获取数据。但之后一切都停止了。工作版本位于下面的链接，与json文件的交互位于script.js文件的注释中。你能告诉我有什么问题吗？ https://github.com/yurayazupol/binary-tree-d3

Answer 1

您无法在浏览器中加载这样的json（使用fs）。您可以使用fetch API加载JSON（或jQuery，axios等）。以下是使用fetch的示例：

fetch('tree.json')$
    .then(response => response.json())$
    .then(data => {$
        root = data;$
    });$

您需要重写一些其他JavaScript，因为到目前为止您编写的代码是同步的，并且加载json是异步的。