Odd gray region to right of graph after zooming in

[Zentrik]

To reproduce go to https://perf.rust-lang.org/compare.html and zoom in on any graph. (I've tested on Firefox and Edge on Linux)

I couldn't figure out where in the code this was appearing from.

[Kobzol]

Hmm, this should be intended :) It shows the data that arrived after that commit, it is described in the graph description.

[Zentrik]

I don't think that's the case here. Does https://perf.rust-lang.org/compare.html not default to the newest commit? Also usually then there would be data in the grey region.
If this was because of new data, surely zoomed out the region would also be present. But it's not,

Further the grey region seems to be outside of the graph (Notice the graph is bounded to the same region in both pictures)

It seems if the grey region is not supposed to be present, when zooming in, it ends up to the right of the graph.

[Kobzol]

Ah, I see now, yeah, that's a bug. You don't even need to zoom in. It should only be shown for date after the benchmarked commit, but it's alos shown for previous dates:

[s7tya]

I think this is because of this code. We also have duplicated thing for runtime benchmarks.

rustc-perf/site/frontend/src/pages/compare/compile/table/benchmark-detail-graph.vue

Lines 154 to 173 in de7ce9e

	/**
	* Hook into the uPlot drawing machinery to draw a rectangle from the `date` to
	* the end of the plot, representing the region that is the date's future.
	*/
	function drawCurrentDate(opts: GraphRenderOpts, date: Date) {
	opts.hooks = {
	drawSeries: (u: uPlot) => {
	let ctx = u.ctx;
	const x = u.valToPos(date.getTime() / 1000, "x", true);
	// Draw a translucent rectangle representing the region that is more
	// recent than `date`.
	ctx.save();
	ctx.fillStyle = "rgba(0, 0, 0, 0.07)";
	ctx.rect(x, u.bbox.top, u.bbox.width - x + u.bbox.left, u.bbox.height);
	ctx.fill();
	ctx.restore();
	},
	};
	}