d3.js

1熱

1答えて

Javascript OOP、getters、setters、run - D3.js - オプション設定でグラフを再作成可能

私は自分自身を試しましたが、私はこの仕事をするには十分ではありません:-)私が達成したいのはMikeの再利用性会談 - http://bost.ocks.org/mike/chart/： marbles = new Marbles(); marbles.width();//getter, setter marbles.height();//-||- ...etc marbles.run()

28熱

1答えて

d3クリック座標はsvgではなくページに相対的です - 翻訳方法（Chromeエラー）

イベントが再生されると、d3.event.xはマウスクリックのx座標の位置を示しますが、全体に対してHTML文書私はsvgの実際の位置を取得するためにjQueryの$（ 'svg'）。position（）を使用してみましたが、これはまったく間違った値を返します。私は見落としているページに相対的なsvgの位置を見つける簡単な方法はありますか？ところで、jQueryの問題があいまいなブラウザエラーの

8熱

1答えて

d3のエルボーコネクターを使用したツリー/樹形図

私はd3.js（およびSVG全体）の新機能を使用しています。私はここからD3の一例をcannibalisedている：http://mbostock.github.com/d3/ex/cluster.html と私はそれがよりここprotovisの例のようにしたい： http://mbostock.github.com/protovis/ex/indent.html http://mbostock

1熱

1答えて

D3.js - フラットJSON階層

からツリーマップ私はd3.jsでツリーマップをレンダリングしようとすると、サンプルコードを使用しています - http://mbostock.github.com/d3/ex/treemap.html：私は私のソースJSONという点で問題が発生していますtreemap.nodesへの呼び出しは間違っています。誰もフラットな階層を返す方法をアドバイスできますか？マイサンプルJSON： [

10熱

1答えて

d3.js d3.geo.pathに円を追加します。

geojsonに変換されたmbtileからマップを作成しました。投影はWGS84です。私はそのようにそれをロードします。 var map = svg.append("g").attr("class", "map"); var path = d3.geo.path().projection(d3.geo.albers().origin([3.4,46.8]).scale(12000).transl

2熱

1答えて

Force-DirectedレイアウトのNaN D3.jsに追加

D3でJSONファイルのデータを取得し、ノードの1つがダブルクリックされると、データベースを検索してそのノードにリンクし、新しいデータをそのノードに追加しようとするリンクおよびノード配列を更新する。ノードがリンクなしで追加されてもうまく動作するようですが、xy座標へのリンクはNaNになります。あなたがいずれかのノード上でダブルクリックするだけです、ここで効果を見ることができます： http:/

1熱

1答えて

d3.data（）の使い方enter（）。call（）

私はd3プロジェクトを開いたレイヤプロジェクトにリンクしようとしています。私がしようとしているのは、d3を使用して、指定されたノードがDOMに存在するかどうかを調べることです。存在する場合は、トランジションを使用します。存在しない場合は、openlayers API経由でノードを挿入する必要があります。これは、ノードがopenlayersで登録されている場合に必要です。私の最初の考えはd3.d

7熱

1答えて

d3.scale.ordinal（）でdomainを指定するにはどうすればよいですか？

var W = 100; var H = 200; var data = [{v:4}, {v:8}, {v:15}, {v:16}, {v:23}, {v:42}]; var x = d3.scale.linear().domain([0, max_x]).range([0, W]); var y = d3.scale.ordinal().domain([0, 1, 2, 3, 4,

2熱

1答えて

d3.jsを使用して弧を水平線にアニメーション化する

弧を水平線でアニメーション化しようとしていますが、これが可能かどうか、そしてそれを検討する最善の方法がわからない。私は、パスジェネレータを使用して円弧を描いています： var arc = d3.svg.arc() .outerRadius(function(d){ return d.outerRadius; }) .innerRadius(function(d){ return

17熱

1答えて

d3で変数属性を取得する方法

d3を使用して変数の特定の属性を返すにはどうすればよいですか？たとえば、マウスオーバーで要素を選択し、選択肢を関数に渡したい場合は、その要素のidが特定の名前である場合に限ります。これは何か？ d3.select("body").on("mouseover", function(){ if (d3.select(this).attr("id") == "correct") {