D3js折りたたみツリーが不正なリクエストを投げる

-1

私はノードを表示するためにd3js折りたたみ可能なツリーグリッドを使用していますが、プランナーでコードを実行すると、奇妙な400の悪いリクエストエラーが発生します。D3js折りたたみツリーが不正なリクエストを投げる

私は、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

を。

出典

2016-09-14 zilcuanu

あなたは魔法のように動作を連動plunker：ここ

は作業plunkerは（と私は「作業」を強調）です。また、あなたが上記で提供した行はどこにありますか？あなたの実際の問題は何ですか？ – elias

@elias plunkerがBad Requestエラーを出しています。このリンクを確認してください - http://plnkr.co/edit/pmD1LILsNHaaEI4dADlo?p=preview 私が言及したコードは 'dndTree.js'スクリプトファイルにあります。 – zilcuanu

あなたが話しているプロジェクトをリンクしていますか？私は悪い要求エラーを取得しない、私はdndTree.jsファイルが表示されず、すべてが問題なく、うまく表示されます。 – elias

コードはコンソールにエラーを表示しません。私は通常、これを実行しませんが、ここでは証明に画像です：

はまだ、何も表示されません。

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

はSVGを作成するために使用されるdiv要素です：あなたはこのdiv要素を持っている<body>、前に... ...

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

あなたのスクリプトを呼び出している。理由は簡単です。

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

ので、これは正しい順序である：

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

良い例として、本文の下部にあるスクリプトを参照してください。 http://plnkr.co/edit/2aLPBuEXN9f6Tlwekdg5?p=preview

出典

2016-09-14 13:08:19

あなたが共有しているプラカードが動作しています。ノード間の線の長さと弧の原因となるパラメータを理解するのを助けてください。私はより多くのカーブと短い長さが必要です。私は全く新しいD3.jsです – zilcuanu

これは別の問題であるため、別の*の質問をして問題とその結果を説明してください。 –

作成された新しい質問のリンクを見つけてください - http://stackoverflow.com/questions/39492177/d3-js-collapsible-chart-increasing-the-arc-curve-radius – zilcuanu

D3js折りたたみツリーが不正なリクエストを投げる

答えて

関連する問題