問題タブ [icicle-diagram]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - d3js パーティションのつららチャートが変更されました
したがって、このリンクから Zoomable Icicle チャートを変更して、まったく同じですが、最後のノード、薄緑色のノードが互いに隣り合うのではなく、互いに
重なり合うように変更しようとしています。つららチャートのロジックはこの時点でのみ中断する必要があるため、これは私にとって非常に複雑でした。この点を参照できることは、これまでのところ d の d.depth プロパティによってのみ与えられました。それでも、もっとエレガントな解決策があるかどうかを見つけようとしています。
これは、Zoomable パーティションの Icicle のコードです。
積み重ねられた長方形を作成するには、すべての属性 x、y、幅、高さに異なるロジックが必要になると思いますが、どうすればそれを判断できますか? どんな助けでも大歓迎です。ありがとう！
javascript - d3jsズーム可能なつららデータ
d3js のズーム可能なつららプロットを変更して、独自のデータを含めたいと考えています。ただし、データを変更するための「readme.json」ファイルが見つからず、グラフがローカルでレンダリングされません。このファイルはどこにありますか、または独自の json ファイルを作成する場合、データはどのようにフォーマットする必要がありますか?
javascript - 必要に応じて D3 ズーム可能なつららレイアウトをカスタマイズする方法は?
ここで提供されている D3 Zoomable Icicle Layout の例をカスタマイズする必要があります: http://bl.ocks.org/mbostock/1005873
次のようにカスタマイズする必要があります。
レイアウトはフォルダーとファイルを表します。フォルダーは親を表し、ファイルは子を表します。フォルダは日付順に並べられ、最後にアクセスされたフォルダが表示されます。矢印を使用すると、ユーザーは他のフォルダーにスクロールできます。ファイルは、グリッド内の親の下の適切なスペースで、直接の親の下にサムネイルで表されます。
要約すると、私が必要とするのは次のとおりです。
- 情報はアクセス日順に並んでいます。
- 古い情報は、空き容量に応じて非表示にする必要があります。
- 非表示の情報があるフォルダ領域に矢印アイコンを追加します。
- 矢印をクリックすると、古い情報が表示されます。
- ファイルは、直接の親の下のグリッドに表示されます。
これらのカスタマイズは可能ですか? もしそうなら、誰かがそれをどのように行うかについてアイデアを持っていますか??
どうもありがとう。
javascript - D3 グラフのノードの名前を変更する方法
つららの例 ( http://bl.ocks.org/mbostock/4347473 )を使用してノードの名前を変更するには、「名前変更」機能を提供する必要があります。
私がやりたいことに似た解決策を見つけることができません.ブラウザは通常右クリックを許可していないため、このオプションを許可する方法と、どうすればよいかについて誰か提案があるかどうか疑問に思っていました.誰かが特定のノードの名前を変更できるようにします。
ありがとう。
javascript - ズーム可能なつらら d3 チャートにラベルを追加
d3 チャートにラベルを挿入する記事を読みましたが、テキストが表示されません
これは投稿です: Zoomable Icicle d3 グラフにテキストを追加する方法は?
これはコードを含む私のページです: http://mirkotinelli.altervista.org/icicle/altro.html
javascript - レーン名でズーム可能なつららを作成する方法
d3.js を使用してズーム可能なつららを作成しようとしています。ラベル名が表示されない問題に直面しています。
これが私のソースコードです。これに問題があることをお知らせください。
HTML :
Flare.json :
前もって感謝します
javascript - D3 つららプロットに複数の親/ルート ノードを持つことは可能ですか?
私はd3が初めてで、現在Icicleレイアウトの例に取り組んでいます。2 つの質問があります。
- この例で複数の最上位ノードを持つことは可能ですか? つまり、「flare」の単一の最上位ノードの代わりに、3 つの最上位ノード (「flare1」、「flare 2」、および「flare 3」) を作成して、それぞれの子ノードを持つことができますか? json データをオブジェクトの配列としてインポートしようとしましたが、うまくいきませんでした。
複数の最上位ノードを持つことができない場合、ルート ノード (「flare」) を非表示にして、第 2 レベルのノード (「vis」、「util」、「animate」) が最上位に見えるようにするにはどうすればよいですか?ノード？
- ノードのサイズではなく、json ファイル内の位置に基づいて (特定のレベルで) ノードを並べ替えるにはどうすればよいでしょうか? つまり、上記の例の第 2 レベルのノードを並べ替えて、(左から右に) 「分析」、「クラスター」、「グラフ」などの順序 (json ファイルでの順序) で表示されるようにするにはどうすればよいでしょうか。 ); 現在の順序 (「vis」、「util」、「animate」など) の代わりに。