d3.js

4熱

2答えて

私はd3.jsを使って棒グラフを作成しています。棒グラフは新しいjsonデータに対応しています。ここ var m = [30, 5, 5, 5], w = 375 - m[1] - m[3], h = 260 - m[0] - m[2]; var format = d3.format(",.0f"); var wdthnew = d3.scale.linear().ra

1熱

1答えて

D3フィッシュアイマーカー付きのフォースグラフ

新しいフィッシュアイプラグ（http://bost.ocks.org/mike/fisheye/）が好きですが、パスとマーカーを使用するフォースグラフで作業したいラインよりも。私はD3を初めて使用しており、これまでマーカーのデモを組み合わせて、魚眼のデモが私を倒してしまったので、誰かが成功し、正しい方向に向けるかどうか疑問に思いました。乾杯ベン

0熱

3答えて

別のsvgイメージのrect要素にsvgイメージを追加するにはどうすればよいですか？

私は、SVG画像内rect要素にSVG画像を追加しようとしているD3を使用して chart.selectAll("rect.bar") .each(function(datum, index) { d3.select(this) .append("svg:image") // ..some attributes }); をしようとこれはDO

56熱

2答えて

D3のForce-Directedレイアウトのノード位置を固定する

force-directedレイアウトのノードのいくつかが強制を無視し、ノードの属性に基づいて固定位置にとどまり、引き続きドラッグ＆他のノードで反発し、リンク線を維持する。私はそれがこのような単純なものだろうと思った： force.on("tick", function() { vis.selectAll("g.node") .attr("transform", func

5熱

1答えて

d3を使用した散布図で、両軸の正と負の値をプロットする方法はありますか？

私は散布図を作成するためにd3を使用していますが、x軸とy軸の値のセットは両方とも正と負の値を持っています。これはd3を使用する私の最初の試みであり、私はOn the tenth day of Xmas, get dirty with data using d3.jsのような入門チュートリアルからxとyのスケールを正しく設定しています。次に、私はこのチュートリアルを見つけました：、それは私がそれ

6熱

1答えて

d3.js - 複数行の変換と変換

私は以下の指示に従っています：http://bost.ocks.org/mike/path/ 1本の線で単一のグラフを作成し、アニメーション化しました。とは、グラフに複数の行を作成する方法を考え出し：Drawing Multiple Lines in D3.js 主な問題：私は私のデータ配列に新しいデータで&プッシュをシフトした後、私は複数の行を移行に苦労していますが。私はNと行作成します（時

1熱

1答えて

ライブタイムをD3.jsでプロットするときの奇妙なx値

私は過去2時間の時系列をプロットしようとしています。タイムスタンプと値を持つ点だけをプロットしようとしています。例えば{time: 1234234553, value: 34} 新しい点は、私はリストdata の最後にプッシュし、リスト内のすべてのものを再プロット到着： function redraw() { var TS = new Date().getTime(); // curr

0熱

1答えて

d3.selectはExtJsドキュメントで空を返します

Dsonを使用してJsonデータソースからExtJsコンポーネントにレンダリングしています。 <html> <head> <title>Test</title> <script type="text/javascript" src="http://mbostock.github.com/d3/d3.js"></script> <script type=

1熱

1答えて

d3.js + SoundCloud APIの使用 - トラックタイトルを表示する必要があります

私はSoundCloud APIでd3.jsを使用しています。バブルの中にトラックタイトルを表示するバブルグラフを作成したいと思います。ページが「サークル」要素に読み込まれると、HTMLで表示されます。しかし、私はなぜ彼らが表示されていないか分からない。と、トラックタイトルを表示するバブルグラフを作成しようとしています。私はここで見ることができやっているものの例： http://butche

9熱

2答えて

D3.jsでズームまたはパンするときのドメインを制限する

ズームとパンが可能な単純なD3.js折れ線グラフを実装しました。これはStephen Bannaschの優れた例であるhereに基づいています。私のデータのドメインは、xディメンションで[0、n]です。組み込みのズーム動作（マウスホイールイベントを使用）を使用して、このドメインにズームとパンを制限するにはどうすればよいですか？ユーザーが下端の0または上端のnを超えてパンするのを防止したいとし