0

折りたたみ可能なツリー グラフのズームに取り組んでいます。ズームしたいときはいつでも、ノード（円）にマウスポインターを置いたままにしておく必要があります。その後、ズームインとズームアウトを行うことができます。しかし、マウスがグラフのどこにでもあるときにそれができるはずです。

zoom 関数呼び出しは次のとおりです。

var svg = d3.select("body").append("svg")
    .attr("width", width + margin.right + margin.left)
    .attr("height", height + margin.top + margin.bottom)
    .append("g")
    .attr("transform", "translate(" + margin.left + "," + margin.top + ")")
    .call(d3.behavior.zoom().x(x).y(y).scaleExtent([1,8]).on("zoom",zoom));

ズームインとズームアウトのこの例のリンクに従っています: http://jsfiddle.net/6kEpp/37/

どんな助けでも大歓迎です。

4

1 に答える 1

0

SVG に四角形を追加するだけです。

svg.append('svg:rect')
    .attr('width', width + margin.right + margin.left)
    .attr('height', height + margin.top + margin.bottom)
    .attr('fill', 'white');
于 2013-10-15T04:54:32.497 に答える