问在没有iframe的情况下定位d3可视化效果的最佳方式？

EN

使用DIV。这就是我要做的。您可以看到此here的一个示例-

您可以使用CSS来执行以下操作：

svg{
    position:absolute;
    top:50%;
    left:0px;
}

此示例将其放置在屏幕的下半部分，左对齐。宽度在设置SVG的高度和宽度时在d3中定义，如下所示：

var width = $(window).width();
var height = $(window).height()/2;

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

显然(可能不是)，您不需要使用jQuery来获取窗口的宽度和高度。根据需要重新调整用途。重点是CSS比特。

如果不看的话很难诊断...你在使用SVG吗？如果是这样，会不会是您的<svg>标签缺少display:block

更一般地说：

构成可视化框架的div --宽度小于页面宽度的div--应该有一个margin: 0 auto使其在其父元素中居中。A bit more info here。