Hochschulprojekte/f1vis
0
0
Fork 0
Code Issues Pull Requests Activity

The X axis is now scaled correctly.

Browse Source
This commit is contained in:
Maschell 2017-12-30 20:59:31 +01:00
parent c0fd35ca66
commit b21e7734f0
1 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
js/diagrams.js
View File

@ -267,7 +267,7 @@ function createLineGraph(containerId, raceData){
}); });
// Add the X Axis // Add the X Axis
focus.append("g") var xAxis1 = focus.append("g")
.attr("transform", "translate(0," + graphPosWidth.height + ")") .attr("transform", "translate(0," + graphPosWidth.height + ")")
.call(d3.axisBottom(x)); .call(d3.axisBottom(x));
@ -282,7 +282,7 @@ function createLineGraph(containerId, raceData){
); );
// Add gridlines on x axis to better figure out laps // Add gridlines on x axis to better figure out laps
focus.append("g") var xAxis2 = focus.append("g")
.attr("class", "grid") .attr("class", "grid")
.attr("transform", "translate(0," + graphPosWidth.height + ")") .attr("transform", "translate(0," + graphPosWidth.height + ")")
.style("opacity", 0.06) .style("opacity", 0.06)
@ -293,7 +293,7 @@ function createLineGraph(containerId, raceData){
); );
// Add clickable ticklines so people can scale things // Add clickable ticklines so people can scale things
focus.append("g") var xAxis3 = focus.append("g")
.attr("class", "grid") .attr("class", "grid")
.attr("transform", "translate(0," + graphPosWidth.height + ")") .attr("transform", "translate(0," + graphPosWidth.height + ")")
.style("opacity", 0.5) .style("opacity", 0.5)
@ -528,6 +528,11 @@ function createLineGraph(containerId, raceData){
x.domain(t.rescaleX(x2).domain()); x.domain(t.rescaleX(x2).domain());
focus.selectAll(".zoomable").attr("d", area); focus.selectAll(".zoomable").attr("d", area);
focus.selectAll(".axis--x").call(xAxis); focus.selectAll(".axis--x").call(xAxis);
xAxis1.call(xAxis.scale(d3.event.transform.rescaleX(x)));
xAxis2.call(xAxis.scale(d3.event.transform.rescaleX(x)));
xAxis3.call(xAxis.scale(d3.event.transform.rescaleX(x)));
context.select(".brush").call(brush.move, x.range().map(t.invertX, t)); context.select(".brush").call(brush.move, x.range().map(t.invertX, t));
} }