rudeshark.net/packages/client/src/scripts/chart-vline.ts

25 lines
619 B
TypeScript
Raw Normal View History

2023-02-14 05:25:31 +01:00
import { Plugin } from "chart.js";
2023-02-14 04:58:33 +01:00
2023-02-14 05:25:31 +01:00
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;
2023-02-14 04:58:33 +01:00
2023-02-14 05:25:31 +01:00
ctx.save();
ctx.beginPath();
ctx.moveTo(x, bottomY);
ctx.lineTo(x, topY);
ctx.lineWidth = 1;
ctx.strokeStyle = vLineColor;
ctx.stroke();
ctx.restore();
}
},
}) as Plugin;