nvd3在图表绘制图表未刷新后更改图表宽度（图表的包装div）

Question

我试图根据我从服务器获得的一些参数来改变图表的宽度。

图表宽度已更改（我可以通过检查元素看到）但在UI中没有变化。

 <div class="outer">
      <div class="inner">
        <nvd3 options="options2" data="data2"></nvd3>
      </div>
 </div>

div.outer { overflow: scroll; }
div.outer .inner { width: 500px; }

$scope.clickme = function(){
    var chartWidth = peopleNumbers * 200000 + "px";
    document.getElementsByClassName("inner")[0].style.width = chartWidth;
}

如果我把它设置为某些时候它会在UI中刷新

document.getElementsByClassName("inner")[0].style.width = "20000px";

Answer 1

如果您想要更灵活，请尝试使用以下内容： https://jsfiddle.net/d0ogL90d/2/

//Width and height
var w = 50000;
var h = 500;
var padding = 50;

您可以动态更改宽度而不会出现问题