24 lines
597 B
TypeScript
24 lines
597 B
TypeScript
|
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;
|