summaryrefslogtreecommitdiff
path: root/packages/client/src/scripts/chart-vline.ts
blob: 8e3c4436b29834d9eebdcee057f1d9fff4cf1e19 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
export const chartVLine = (vLineColor: string) => ({
	id: 'vLine',
	beforeDraw(chart, args, options) {
		if (chart.tooltip?._active?.length) {
			const activePoint = chart.tooltip._active[0];
			const ctx = chart.ctx;
			const x = activePoint.element.x;
			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();
		}
	},
});