Still an error when trying to show a tooltip on a plotline about highcharts

[hubertkozik]

Hi @charmbv!

The mentioned issue is not fixed. The context of the plotline mouseover/mouseout functions is not passed correctly.

Internal note:
There are differences between minified and non-minified code. Please, check the demos below. FYI @MarkusBarstad console.log is giving different objects (this).

Minified: https://jsfiddle.net/BlackLabel/5cLuqgr4/
Non-minified (src version): https://jsfiddle.net/BlackLabel/o97suLkg/

I think it is related to the usage of the arrow function, which is transpiled to a normal function, and the context is changed:

highcharts/ts/Core/Axis/PlotLineOrBand/PlotLineOrBand.ts

Line 242 in 9656b08

(e: any): void => {

[hubertkozik]

@charmbv, I think I got a cache issue last time, when I was debugging your case because now everything is working correctly.

Can you create a demo with the reproduced issue in some online editor?

[charmbv]

I will try to create a sample application. Will post a link here when I have something.

[charmbv]

As usual, when trying to create a sample project it "suddenly" works. However, I still get an error that I can't figure out how to solve. I'm using the following code (adapted from https://jsfiddle.net/BlackLabel/3k216ywa/) to show the tooltip at the place of the event:

private showPlotLineTooltip(plotLine: any, event: any) {
  const series: Highcharts.Series = plotLine.axis.series[0];
  const chart: Highcharts.Chart = series.chart;
  const tooltip: Highcharts.Tooltip = chart.tooltip;
  const point: Highcharts.Point = new Highcharts.Point().init(series, {
    value: plotLine.options.value,
  });
  const normalizedEvent: any = chart.pointer.normalize(event);

  (point as any).tooltipPos = [
    normalizedEvent.chartX - chart.plotLeft,
    normalizedEvent.chartY - chart.plotTop,
  ];
  (point as any).showPlotLineTooltip = plotLine.options.showPlotLineTooltip;

  tooltip.refresh(point as any);
  }

This works when using Highcharts 11.2.0 but fails with 11.4.0 on the new Highcharts.Point().init(...) line. Any idea on how to fix this?

[hubertkozik]

@charmbv, you are trying to create a dummy point by using init method, which is not supported now in Highcharts, you can check the Pull Request here: #20286

Now, you should create the dummy point as a normal constructor. This is not a bug, it is intended. Feel free to reach out to our other support channels, for example Highcharts forum, where our support engineers will help you with the configuration of your chart.