javascript - d3 图表显示在 bootstrap div 之外

Question

我遇到了一个问题，即在 d3 中，每个选择器选择的条形图都在 div 区域之外生成。

var svg = d3.select("#barchart").append("svg")
    .attr("width", width + margin.left + margin.right)
    .attr("height", height + margin.top + margin.bottom)
  .append("g")
    .attr("transform", "translate(" + margin.left + "," + margin.top + ")");

可以在下面的 jsbin 位置找到完整的代码

http://jsbin.com/sodivamiqa/edit?html,js,output

Month,Success_Count,Failure_Count
Dec,32,12
Jan,35,5
Feb,5,2
March,40,2
April,30,25
May,12,10

Output Image

Answer 1

100% 会将其保留在 div 中。

var svg = d3.select("#barchart").append("svg")
            .attr("width",'100%')
            .attr("height", '100%')
            .append("g")
            .attr("transform", "translate(" + margin.left + "," + margin.top + ")");