diff --git a/examples/cumulativeLineChart.html b/examples/cumulativeLineChart.html index c8ef848..a0c4b58 100644 --- a/examples/cumulativeLineChart.html +++ b/examples/cumulativeLineChart.html @@ -65,7 +65,7 @@ nv.addGraph(function() { .y(function(d) { return d[1]/100 }) .color(d3.scale.category10().range()) .average(function(d) { return d.mean/100; }) - .transitionDuration(250) + .transitionDuration(300) .clipVoronoi(false); chart.xAxis diff --git a/src/models/cumulativeLineChart.js b/src/models/cumulativeLineChart.js index 3a90c2a..c9540f7 100644 --- a/src/models/cumulativeLineChart.js +++ b/src/models/cumulativeLineChart.js @@ -37,6 +37,7 @@ nv.models.cumulativeLineChart = function() { , noData = 'No Data Available.' , average = function(d) { return d.average } , dispatch = d3.dispatch('tooltipShow', 'tooltipHide', 'stateChange', 'changeState') + , transitionDuration = 250 ; xAxis @@ -109,7 +110,7 @@ nv.models.cumulativeLineChart = function() { - margin.top - margin.bottom; - chart.update = function() { container.transition().call(chart) }; + chart.update = function() { container.transition().duration(transitionDuration).call(chart) }; chart.container = this; //set state.disabled @@ -444,7 +445,7 @@ nv.models.cumulativeLineChart = function() { // Then turn them back on when done dragging. var oldDuration = chart.transitionDuration(); chart.transitionDuration(0); - container.call(chart); + chart.update(); chart.transitionDuration(oldDuration); } @@ -722,10 +723,8 @@ nv.models.cumulativeLineChart = function() { }; chart.transitionDuration = function(_) { - if (!arguments.length) return lines.transitionDuration(); - lines.transitionDuration(_); - xAxis.transitionDuration(_); - yAxis.transitionDuration(_); + if (!arguments.length) return transitionDuration; + transitionDuration = _; return chart; };