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; 
} 

，如果我将其设置为conastant somethimes它在UI太

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

Answer 1

刷新，如果你婉更灵活尝试使用follwoing： https://jsfiddle.net/d0ogL90d/2/

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

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