Update graph while moving
This commit is contained in:
parent
6e1859cd26
commit
222d523323
|
@ -509,8 +509,7 @@ function createLineGraph(containerId, raceData){
|
||||||
var s = d3.event.selection || x2.range();
|
var s = d3.event.selection || x2.range();
|
||||||
x.domain(s.map(x2.invert, x2));
|
x.domain(s.map(x2.invert, x2));
|
||||||
|
|
||||||
//Update the x axis data
|
updateElements();
|
||||||
focus.select(".axis--x").call(xAxis);
|
|
||||||
|
|
||||||
//Update the "preview" rectangle
|
//Update the "preview" rectangle
|
||||||
svg.select(".zoom").call(zoom.transform, d3.zoomIdentity
|
svg.select(".zoom").call(zoom.transform, d3.zoomIdentity
|
||||||
|
@ -524,6 +523,14 @@ function createLineGraph(containerId, raceData){
|
||||||
|
|
||||||
x.domain(t.rescaleX(x2).domain());
|
x.domain(t.rescaleX(x2).domain());
|
||||||
|
|
||||||
|
updateElements();
|
||||||
|
|
||||||
|
//call the brush function
|
||||||
|
context.select(".brush").call(brush.move, x.range().map(t.invertX, t));
|
||||||
|
}
|
||||||
|
|
||||||
|
function updateElements(){
|
||||||
|
|
||||||
//scale the path axis
|
//scale the path axis
|
||||||
focus.selectAll(".pathLines").call(xAxis);
|
focus.selectAll(".pathLines").call(xAxis);
|
||||||
|
|
||||||
|
@ -534,9 +541,6 @@ function createLineGraph(containerId, raceData){
|
||||||
|
|
||||||
//Update x-axis
|
//Update x-axis
|
||||||
focus.select(".axis--x").call(xAxis);
|
focus.select(".axis--x").call(xAxis);
|
||||||
|
|
||||||
//call the brush function
|
|
||||||
context.select(".brush").call(brush.move, x.range().map(t.invertX, t));
|
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue