Как убрать задержку изменения / обновления графика NVD3
Я создал мультибарчарт NVD3 и поместил его в контейнер с изменяемым размером jQuery. При изменении размера диаграммы каждый рендер подвергается той же задержке, что и при первом рисовании диаграммы: отложенная отрисовка столбцов слева направо. Это выглядит круто, когда график впервые рисуется, но это мешает при изменении размера графика. Я экспериментировал с nv.d3.css, уменьшая каждую задержку до 0 мс безрезультатно. Еще не осмотрел NVD3 JS и надеюсь не понадобится.
Скрипки: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
};
});
}