d3.js

    56

    2答えて

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

    5

    1答えて

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

    6

    1答えて

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

    1

    1答えて

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

    0

    1答えて

    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答えて

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

    9

    2答えて

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

    0

    1答えて

    d3とsvgを使用してソート可能な要素のグループにドラッグアンドドロップ機能を実装しようとしています。基本的には、ドラッグした後、ドラッグされた要素がどこにドロップされたかに従って計算された新しい位置で、すべての要素の位置が更新されます。私が必要とするものを達成するために、私はdragendコールバックを利用しています。 が、私はここに私のシナリオの簡易版準備:あなたが見ることができるように ht

    1

    2答えて

    データポイントのリストをグループ化して1日ごとに集計するにはどうすればよいですか?例えば、このリストを与える: 2012-03-18T00:00:04 2012-03-18T00:05:03 2012-03-19T00:10:04 2012-03-19T00:15:03 2012-03-19T00:20:03 2012-03-19T00:25:03 私が持っていると思います: 201

    8

    1答えて

    d3.jsに長方形のグリッドを作成しようとしています。 グリッドは7行(1週間の曜日)、24列(1日の時間)です。 次のコードのみ(:カラム行):描画 day0:hour0、 1日目:hour1、 2日目:hour2、 3日目:hour3、 day4:hour4、 day5:hour5、 day6:hour6、 日7:時間7 質問:次のコードがうまくいかない理由はありますか? /** * cal