Chart.js - аннотация Вертикальная линия движется мышью в Angular 6

Question

как можно добавить движения вертикальной линии с помощью мыши, Угловой 6

canvas.onmousemove = function (evt) {
    var points = myChart.getElementsAtXAxis(evt);
    annotation.annotations[0].value = new Date(myChart.config.data.labels[points[0]._index]);
    myChart.update();

это не работает на угловой версии, как можно изменить значение аннотации динамически

Я хочу переместить эту строку введите описание изображения здесь

Answer 1

canvas.onmousemove = (evt) => {

        docCountChart.update();

        var x = evt.pageX - canvas.offsetLeft - 30;

        context.beginPath();

        context.moveTo(x, 32);
        context.lineTo(x, 407);
        context.strokeStyle = 'gray';
        context.stroke();
        context.closePath();
    };