javascript - How to resize an nvd3 chart when the window resizes? -
i've created population pyramid in nvd3, it's not resizing it's supposed to, , cannot diagnose why. here's pen problematic code: http://codepen.io/laissezpasser/pen/qnrpxq
for comparison, here's working example of responsiveness i'm trying achieve in pen above: try [resizing 1 of windowpanes in pen: http://codepen.io/laissezpasser/pen/jrbgqg reason, seems ignoring following code:
nv.utils.windowresize(chart.update); return chart;
your code broken, pay attention javascript console, have told errors...
// why line here, you've set data! d3.select('#chart svg') .datum(data()) //<-- data not defined .transition().duration(500).call(chart); // why line here, interactivelayer not defined! interactivelayer.tooltip .headerformatter(function(d, i) { return nv.models.axis().tickformat(',')(d,i); })
removing these offending lines, fixes issue.
Comments
Post a Comment