18

ウィンドウサイズが変更されたときに、ViewBox と preserveAspectRatio を使用して d3.svg.arc を自動的に調整しようとしています...

var svg = d3.select("#chart").append("svg") 
  .append("g")
  .attr("viewBox", "0 0 700 500")
  .attr("preserveAspectRatio", "xMinYMin meet")
  .attr("transform", "translate(" + r + "," + r +") rotate(180) scale(-1, -1)");

なぜまったく機能しないのか少し混乱しています-保存を「なし」に設定し、設定したマージンを削除しようとしました。それでもまだ運がありません-助けやアドバイスをいただければ幸いです。

例を次に示します: http://jsfiddle.net/xwZjN/53/

4

1 に答える 1

29

viewBoxおよび要素に適用しpreserveAspectRatioています。要素gに適用する必要があります。svg

var svg = d3.select("#chart").append("svg") 
  .attr("viewBox", "0 0 700 500")
  .attr("preserveAspectRatio", "xMinYMin meet")
     .append("g")
     .attr("transform", "translate(" + r + "," + r +") rotate(180) scale(-1, -1)");
于 2012-11-29T19:08:03.927 に答える