d3.js-v4

0熱

1答えて

積み上げ棒グラフの作成に問題があります。私は、次の例を作り、それが http://bl.ocks.org/mbostock/3886208 大丈夫です。しかし、今、私は他のデータ・フォーマットを持っている：（これは私のデータの簡単な例である）、ネストされた使用 var data = [ { "PERIOD": 2014001, "SUBMITTER": "oanik

1熱

1答えて

D3.js円の半径が期待通りに動作しない

D3.js v4を使用して、ボタンのクリック時に円の半径を更新しようとしています。 smooth transitions between the radiiの代わりに、各更新時に円が再描画されます（「半径1」から「0」まで、次に「半径2」のみに）。 https://jsfiddle.net/4r6hp9my/ はここで円更新コードスニペットです： echonaxで述べたように var circl

3熱

1答えて

d3js v4：ノードにクリックを強制してトゥイーンのように見えるようにするにはどうすればよいですか？

this codepen demoをご覧ください。私はsvgオブジェクトをクリックして、シミュレーションチックがインスタンス化されていることを確認してください。したがって、遷移が発生します。私は単純な関数を使用してそれを行う：しかし、 "トゥイーン"が存在しないことをデモから見ることができます。私が提案しているトゥイーンの例を見るには、hereを参照してください！どこが間違っていますか？ ti

1熱

1答えて

d3.selectionで一般的な更新パターンが期待通りに機能しない

次の単純な更新パターンが機能しない理由について私は困惑しています。私が見る限り、これは推奨General Update Patternに従います。 <script src="https://d3js.org/d3-selection.v1.min.js"></script> ... var dat = ["One","Two","Buckle my shoe"]; var s

4熱

3答えて

Typescript/D3 v4 - これのコンテキストd3.drag（）。on（ "end"、this.dragended）

私はD3ライブラリを使ってVennダイアグラム内の項目を移動しています。ドラッグを停止すると、図の中のアイテムの位置を特定したいと考えています。 item.call(d3.drag() .on("start", this.dragstarted) .on("drag", this.dragged) .on("end", this.dragended) ); これ

2熱

1答えて

d3.js v4とAngularJSの信頼できないHTML

特殊文字の問題が正しく表示されていません。角度のJS指令でd3.jsツリーレイアウト図を生成しています。指示文でテキストが図に追加されています特殊文字は正しく表示されません。アポストロフィの代わりに&＃39;および& amp;運のない nodeEnter.append("text") .attr("dy", 3) .attr("x", 1e-6) .attr(

5熱

1答えて

d3v4の2点間にどのように矢印を描くのですか？

スニペットに示すように、私のd3グラフのノード間に矢印を描くカスタムパスレンダラーを作成しました。最後に問題が発生しました矢印部分を回転させて、ソースの方向ではなく曲線の方向からどのように向けるのでしょうか？ var w2 = 6, ar2 = w2 * 2, ah = w2 * 3, baseHeight = 30; // Arrow fu

1熱

1答えて

d3 4.0 - importステートメントで__moduleExportsラッパーが指定されました

D3 4.0およびIonic2/Angular2プロジェクトのインポートステートメントに問題があります。私は正しいimport文を使用していると思います。すべてがコンパイルされます。しかし、実行時にxml機能がd3Request$2.xml上に存在しない var d3Request$1 = unwrapExports(d3Request); var d3Request$2 = Object.

1熱

1答えて

d3.jsのズーム動作の補間方法を変更するには

d3.js V 4.0を使用して、SVGでズームとパンを提供しています。私はリセットボタンを実装して画像の中央に戻しています。動作していますが、デフォルトのd3.interpolateZoomを使用しているため、トランジション中に画像がズームアウトします。スケーリングで標準の補間をしたいだけですが、ズーム動作のためにインターポレータを変更する方法はわかりません。 var map = documen