Как я могу скрыть всплывающую подсказку в хай-чартах

Question

Я хочу скрыть подсказку, когда курсор перемещен, но столбец остается выбранным

$(function () {

        Highcharts.Pointer.prototype.reset = function () {

        };
        let chart = Highcharts.chart('bar', {


            tooltip: {
                shared: true,
                hideDelay:100,
                useHTML: true,
                outside: true,
                style: {
                    fontSize: "13px",
                    color: '#505050'
                }
            },
        });

});

https://jsfiddle.net/alexserden/wq6j0tnp/6/

Answer 1

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

  events: {
    load() {
      let chart = this;

      chart.container.onmouseleave = function() {
        chart.series[0].points.forEach(p => {
          if(p.state === 'hover') {
            chart.tooltip.hide(p)
          }
        })
      }
    }
  }

Демо: https://jsfiddle.net/BlackLabel/0ag7ojmy/

API: https://api.highcharts.com/highcharts/chart.events.load