Programmatically open and close Chart.js tooltip

Question

Chart.js 2.2.1

Any idea how to trigger the code that runs when I hover over a datapoint, and that runs when I move the mouse off? I need to programmaticall

Answer 1

I would be careful accessing/modifying private variables that begin with _. You may find yourself with unexpected behavior. Why not trigger the canvas mousemove event

  openToolTip: function(myChart, index) {

    var mouseMoveEvent, meta, point, rectangle, value;

    meta = myChart.getDatasetMeta(0);
    rectangle = myChart.canvas.getBoundingClientRect();
    point = meta.data[index].getCenterPoint();

    mouseMoveEvent = new MouseEvent('mousemove', {
      clientX: rectangle.left + point.x,
      clientY: rectangle.top + point.y
    });

    myChart.canvas.dispatchEvent(mouseMoveEvent);

  },

To close the tooltip just trigger the mouseout event

  closeToolTip: function(myChart) {

    var mouseOutEvent = new MouseEvent('mouseout');
    return myChart.canvas.dispatchEvent(mouseOutEvent);

  }