Question

我正在使用d3js可折叠树网格来显示节点，当我在plunker中运行代码时，我收到了一个奇怪的400错误请求错误。

我已经替换了获取json的代码并直接硬编码json，如下所示：

var treeData ={"user_id":0,"name":"Root Node","children":[{"user_id":0,"name":"Flossie Hickman","children":[....]}]};

    // Calculate total nodes, max label length
    var totalNodes = 0;
    var maxLabelLength = 0;
    // variables for drag/drop
    var selectedNode = null;
    var draggingNode = null;
    // panning variables
    var panSpeed = 200;
    var panBoundary = 20; // Within 20px from edges will pan when dragging.
    // Misc. variables
    var i = 0;
    var duration = 750;
    var root;

Link to Plunker

你能否告诉我出错的地方。

Answer 1

您的代码未在控制台中显示任何错误。我通常不会这样做，但这是一张要证明的图片：

但是，没有任何东西会出现。原因很简单：你正在调用你的脚本......

<script src="dndTree.js"></script>

...在<body>之前，你有这个div：

<div id="tree-container"></div>

用于创建svg的div：

var baseSvg = d3.select("#tree-container").append("svg")

所以，这是正确的顺序：

<body>
    <div id="tree-container"></div>
    <script src="dndTree.js"></script>
</body>

作为一种好习惯，请在身体底部引用您的脚本。

这是工作人员（我强调＆＃34;工作＆＃34;）：http://plnkr.co/edit/2aLPBuEXN9f6Tlwekdg5?p=preview

D3js可折叠树扔坏请求

1 个答案: