summaryrefslogtreecommitdiff
path: root/packages/frontend/src/scripts/chart-vline.ts
blob: 24e41245e72c86c3aaceb20ff47838925ae13175 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
/*
 * SPDX-FileCopyrightText: syuilo and misskey-project
 * SPDX-License-Identifier: AGPL-3.0-only
 */

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;