如何使用nvd3触发调整大小事件？

Question

我现在需要如何在AngularJS的nvd3上触发大小调整事件。

问题是我在饼图中的标签上做了换行符，并且当我调整窗口大小时，标签返回到其原始状态（1行）。

而且我希望它每次触发调整大小事件时都能打破常规。

这是我的html ：

<nvd3 on-ready="ctrl.onReadyPie('id')" options='ctrl.pieChartOptions' data='ctrl.data'>
</nvd3>

函数onReadyPie使换行符：

function onReadyPie(id){            
    var svg = d3.selectAll('#' + id + ' svg g text');
    svg.each(function(){
        var el = d3.select(this),
            lines = el.html().split(' / ');
        el.text('');
        for(var i = 0; i<lines.length; i++){
            var tspan = el.append('tspan').text(lines[i]);
            if(i>0){
                tspan.attr('x', 0).attr('dy', 15);
            }
         }
     })
}

这是当前行为

Answer 1

这是在使用NVD3调整窗口大小时如何触发事件的方法。

nv.addGraph(function() {
  var chart = nv.models.multiBarChart()
  // You chart properties goes here

  // Detect window resize using NVD3
  nv.utils.windowResize(function(){ chart.update(); });

  return chart;
});

有关更多信息，请查看NVD3 Wiki 。

希望能帮助到你