如何在窗口调整大小时调整nvd3图表的大小？

Question

我已经在nvd3中创建了一个人口金字塔，但它并没有像它应该的那样调整大小，我无法诊断原因。这是一支有问题代码的笔：http://codepen.io/laissezpasser/pen/qNrPXQ

为了进行比较，以下是我在上面的笔中尝试实现的响应能力的一个工作示例：尝试[调整此笔中的一个窗玻璃：http://codepen.io/laissezpasser/pen/jrBGQG 出于某种原因，似乎忽略了以下代码：

nv.utils.windowResize(chart.update);
return chart; 

Answer 1

你的代码只是简单的破解，注意JavaScript控制台，它会告诉你你的错误......

// why is this line here, you've already set the data!
d3.select('#chart svg')
  .datum(data()) //<-- data is not defined
  .transition().duration(500).call(chart);

// why is this line here, interactiveLayer is not defined!
interactiveLayer.tooltip
  .headerFormatter(function(d, i) {
    return nv.models.axis().tickFormat(',')(d,i);
  })

删除这些有问题的行fixes the issue。