Hover or click event without data point proximity

[CanadaGuy]

I’m resuming a project where I need to be able to identify an x, y coordinate on the plot without adjacent data points, either click or hover. My request is related to the following from one poster from 8 years ago

Floating cursors that aren't tied to a plot

Is it possible to use the built in cursor functionality to create a cursor that is not tied to a plot and only returns it’s own coordinates when moved? I’m replicating that functionality using shapes, but it adds a bit more work and probably slows things down. It relies on converting mouse clicks to graph coordinates manually. My goal is to be able to move a cursor to any location, read the cursor coordinates, and do stuff with that information.

and mine from a few years ago when I was chasing the same feature from a different perspective

plotly_hover event not getting triggered for al data points

plotly_hover is not getting triggered when there is a data gap consider I have a data point at 10 and another data point at 100. Two dots are joined by line (Interpolated) . The plotly_hover is triggred only we hover data points. Is it possible to get the event for all chart area where ever we hover event happens, without data point dependency.

I’ve since learned that the hover event is triggered based on hoverdistance ONCE, rather than repeatedly, so my attempt to make hover events trigger on the entire plot area fails, because it just triggers the closest point until another point becomes closer.

I had previously used the click event data through a few hoops to figure out appropriate scaling, and I’m realizing I may need to revisit that.

Any thoughts on getting an the mouse coordinates either by hover or click?

[Saratoga]

Use NaN to fill the GAPs

Example of what I did

        const data = await kLines(this.symbol, this.interval, this.limit)

        data.forEach((d, i) => {
            if(i) {
                while(d[0] - this.oTime[0] > intervals[this.interval].ms) {
                    this.oTime.unshift(this.oTime[0] + intervals[this.interval].ms)
                    this.jpn.open.unshift(NaN)
                    this.jpn.high.unshift(NaN)
                    this.jpn.low.unshift(NaN)
                    this.jpn.close.unshift(NaN)
                    this.hkn.close.unshift(NaN)
                    this.hkn.open.unshift(NaN)
                    this.hkn.high.unshift(NaN)
                    this.hkn.low.unshift(NaN)
                }
            }