Ich habe ein NVD3-MultiBarChart erstellt und es in einen Container mit der Größenänderung von jQuery gestellt. Beim Ändern der Größe des Diagramms tritt für jedes Rendern dieselbe Verzögerung auf wie beim erstmaligen Zeichnen des Diagramms: zeitversetztes Zeichnen der Balken von links nach rechts. Das sieht cool aus, wenn das Diagramm zum ersten Mal gezeichnet wird, ist aber ein Ärgernis, wenn die Größe des Diagramms geändert wird. Ich habe mit nv.d3.css experimentiert und jede Verzögerung auf 0 ms reduziert, ohne Erfolg. Habe den NVD3 JS noch nicht inspiziert und hoffe, das nicht zu müssen.

Geige:http://jsfiddle.net/a5Fnj/10/

var container = $("#mycontainer");
$(container[0]).resizable();
var svg = d3.select(container[0]).append("svg");

nv.addGraph(function () {
    var chart = nv.models.multiBarChart();

    chart.xAxis.tickFormat(d3.format(',f'));
    chart.yAxis.tickFormat(d3.format(',.1f'));

    d3.select(container[0]).select("svg")
        .datum(exampleData())
        .transition().duration(0).call(chart);

    nv.utils.windowResize(chart.update);

    this.stackedbar = chart;
});

function exampleData() {
    return stream_layers(3, 10 + Math.random() * 100, .1).map(function (data, i) {
        return {
            key: 'Stream' + i,
            values: data
        };
    });
}