d3图表显示在bootstrap div之外

Question

我面临的问题是，在每个选择选择器选择中，在div区域外生成d3条形图。

＆＃13;

＆＃13;

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 + ")");

＆＃13;

＆＃13;

＆＃13;

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

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

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

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 + ")");