Show tooltips programmatically

[cerealexx]

Is there a way to show tooltips programmatically? I've found a way to simulate hover state on vanilla chart.js but can figure out how to do it in Angular...

[Deemetr]

@cerealexx have you found a solution? I have a very similar requirement. Need to programmatically set the hover state for the donut chart segment

[cerealexx]

chart: BaseChartDirective;

And then I used this method to simulate hover and trigger tip display on demand:

openTip(index: number) {
    let mouseMoveEvent, meta, point, rectangle;

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

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

    this.chart.chart.canvas.dispatchEvent(mouseMoveEvent);
  }

[Deemetr]

@cerealexx ok, it works for me too. Thanks.