|
|
@ -212,12 +212,30 @@ nv.addGraph(function() {
|
|
|
|
|
|
|
|
|
|
|
|
d3.select('#chart1')
|
|
|
|
d3.select('#chart1')
|
|
|
|
.datum(histcatexplong)
|
|
|
|
.datum(histcatexplong)
|
|
|
|
.transition().duration(0)
|
|
|
|
.transition().duration(1000)
|
|
|
|
.call(chart);
|
|
|
|
.call(chart)
|
|
|
|
|
|
|
|
// .transition().duration(0)
|
|
|
|
|
|
|
|
.each('start', function() {
|
|
|
|
|
|
|
|
setTimeout(function() {
|
|
|
|
|
|
|
|
d3.selectAll('#chart1 *').each(function() {
|
|
|
|
|
|
|
|
console.log('start',this.__transition__, this)
|
|
|
|
|
|
|
|
// while(this.__transition__)
|
|
|
|
|
|
|
|
if(this.__transition__)
|
|
|
|
|
|
|
|
this.__transition__.duration = 1;
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
}, 0)
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
// .each('end', function() {
|
|
|
|
|
|
|
|
// d3.selectAll('#chart1 *').each(function() {
|
|
|
|
|
|
|
|
// console.log('end', this.__transition__, this)
|
|
|
|
|
|
|
|
// // while(this.__transition__)
|
|
|
|
|
|
|
|
// if(this.__transition__)
|
|
|
|
|
|
|
|
// this.__transition__.duration = 1;
|
|
|
|
|
|
|
|
// })});
|
|
|
|
|
|
|
|
|
|
|
|
nv.utils.windowResize(chart.update);
|
|
|
|
nv.utils.windowResize(chart.update);
|
|
|
|
|
|
|
|
|
|
|
|
chart.dispatch.on('stateChange', function(e) { nv.log('New State:', JSON.stringify(e)); });
|
|
|
|
// chart.dispatch.on('stateChange', function(e) { nv.log('New State:', JSON.stringify(e)); });
|
|
|
|
|
|
|
|
|
|
|
|
return chart;
|
|
|
|
return chart;
|
|
|
|
});
|
|
|
|
});
|
|
|
@ -238,6 +256,7 @@ nv.addGraph(function() {
|
|
|
|
|
|
|
|
|
|
|
|
d3.select('#chart2')
|
|
|
|
d3.select('#chart2')
|
|
|
|
.datum(histcatexpshort)
|
|
|
|
.datum(histcatexpshort)
|
|
|
|
|
|
|
|
.transition()
|
|
|
|
.call(chart);
|
|
|
|
.call(chart);
|
|
|
|
|
|
|
|
|
|
|
|
nv.utils.windowResize(chart.update);
|
|
|
|
nv.utils.windowResize(chart.update);
|
|
|
|