Question

这个svg按预期工作，但是，使用viewBox调整大小时，我的结果不是最佳的。 svg似乎是div的顶部一层，我试图把它放在里面。我们的目标是在这些自举面板中安装几个仪表，但我还没有超越第一个......

Plnkr：https://plnkr.co/edit/3quWHAs1EpMQAv7P4dZC?p=preview

不确定我的d3 js是否不正确，或者引导程序是否错误，或两者的组合......

var svg = d3.select( "#g1" )
  .append( "svg" )
  .classed("svg-container", true)
  //responsive SVG needs these 2 attributes and no width and height attr
  .attr("preserveAspectRatio", "xMinYMin meet")
  .attr("viewBox", "0 0 400 400")
  // class to make it responsive
  .attr('class', 'svg-content-responsive');

Answer 1

问题在于您班级中的position: absolute; .svg-content-responsive。

删除它，现在你的svg将显示在你的第一个Panel中。

https://plnkr.co/edit/yWxphIYjfcLB0ReYxS3a?p=preview

如何在引导程序面板中缩放svg

1 个答案: