Wie ändert man die Größe eines nvd3-Diagramms, wenn das Fenster seine Größe ändert?

Question

Ich habe eine Populationspyramide in nvd3 erstellt, aber es ändert nicht die Größe, wie es soll, und ich kann nicht bestimmen, warum. Hier ist ein Stift mit dem problematischen Code: http://codepen.io/laissezpasser/pen/qNrPXQ

Zum Vergleich, hier ist ein Arbeitsbeispiel der Ansprechempfindlichkeit in dem Stift Ich versuche oben zu erreichen: Versuchen [einer der Fensterscheiben in diesem Stift Ändern der Größe: http://codepen.io/laissezpasser/pen/jrBGQG Aus irgendeinem Grunde , scheint es den folgenden Code ignoriert werden:

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

Answer 1

Ihr Code einfach nur gebrochen ist, die Aufmerksamkeit auf die Konsole JavaScript bezahlen, würde es gesagt Sie Ihre Fehler haben ...

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

Entfernen dieser störenden Linien, fixes the issue.