如何在D3中移动SVG的位置？ [英] How to move SVG's position in D3?

问题描述

我使用D3创建了一个svg。但是，它只显示在屏幕的左上角，或者被附加到另一个svg。有没有反正我可以移动它使用JavaScript？
例如：

I created a svg using D3. However, it only shows up on the upper left conner of the screen, or been appended to another svg. Are there anyway I can move it using JavaScript? For example:

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

推荐答案

使用d3js + Jquery：

Using 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

现场演示

这篇关于如何在D3中移动SVG的位置？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！