javascript - 如何移动 SVG 在 D3 中的位置？

Question

我使用 D3 创建了一个 svg。然而，它只出现在屏幕的左上角，或者被附加到另一个 svg 上。无论如何我可以使用 JavaScript 移动它吗？例如:

  var svg = d3.select("body").append("svg")
    .attr("width", 200)
    .attr("height", 200);

Answer 1

使用 d3js + Jquery :

// svg design
var svg = d3.select("#chart").append("svg")
    .attr("width", 200)
    .attr("height", 200);

// svg repositioning
$("svg").css({top: 200, left: 200, position:'absolute'});

或者

// svg align center
d3.select("#chart").attr("align","center"); //  thanks & +1 to chaitanya89

Live demo