ChartJS - переопределить подсказку и поймать событие MouseOut - PullRequest
Новая
       19

ChartJS - переопределить подсказку и поймать событие MouseOut

0 голосов
/ 04 марта 2019

Я хотел бы запустить внешнее событие, пока мышь находится над точкой на графике.

Он прекрасно работает с приведенным ниже кодом, либо с переопределением всплывающей подсказки (по-прежнему сохраняя включение по умолчанию), либо с помощью события onHover.

Моя проблема в том, что я не могу поймать событие, когда мышь фактически оставляет подсказку (поэтому я могу запустить другое событие на моей стороне). 

var mainChartShortestPath = new Chart(ctx, {
        type: 'line',
        data: {
            labels: [],
            datasets: [{
                data: [],
                borderWidth: 1,
                borderColor: 'red'
            }]
        },
        options: {
            responsive: false,
            legend: {
                display: false
            },
            title: {
                display: true,
                text: 'Shortest Route Distance (km)'
            },
            scales: {
                yAxes: [{
                    ticks: {
                        beginAtZero: true
                    }
                }]
            },
            events: ["mousemove", "mouseout", "click", "touchstart", "touchmove", "touchend"],
            onHover: function (evt, item) {
                if (item.length) {
                    console.log(">Event: " + evt.Name);
                    IndexFunction_HighlightMap(item);
                }
            },
            tooltips: {
                    enabled: true,

                    custom: function(tooltipModel) {
                        console.log(">>>> Other action during Tooltip");
                }
            }

        }
    });
...