Sharkey/packages/frontend/src/scripts/chart-vline.ts

import { Plugin } from 'chart.js';

export const chartVLine = (vLineColor: string) => ({
	id: 'vLine',
	beforeDraw(chart, args, options) {
		if (chart.tooltip?._active?.length) {
			const ctx = chart.ctx;
			const xs = chart.tooltip._active.map(a => a.element.x);
			const x = xs.reduce((a, b) => a + b, 0) / xs.length;
			const topY = chart.scales.y.top;
			const bottomY = chart.scales.y.bottom;

			ctx.save();
			ctx.beginPath();
			ctx.moveTo(x, bottomY);
			ctx.lineTo(x, topY);
			ctx.lineWidth = 1;
			ctx.strokeStyle = vLineColor;
			ctx.stroke();
			ctx.restore();
		}
	},
}) as Plugin;