[3.6.0] intersect with different sizes datasets

[xr0master]

Firstly, I want to apologize if this is not a bug, but a feature request or my misunderstanding of the documentation.
https://jsfiddle.net/e1dnwhgc/16/

The cursor is positioned closer to the first tick.

The screenshot shows that there is no data for the red line for the first tick, but the first point of the red line is displayed in the tooltip and hovered on the chart.

Expected Behavior

It is logical that since the mode is index, the first index from the dataset is taken. However, it was expected to work relative to ticks, like mode x.

Current Behavior

The first index is taken from datasets.

Possible Solution

Either correct the logic of the index, or add a new mode that would work as an index but relative to the value of x.

Environment

• Chart.js version: 3.6.0

Thank you in advance

[kurkle]

Something like mode: 'nearest' with axis: 'x'? https://jsfiddle.net/sy0jrzbd/

[xr0master]

@kurkle unbelievable how simple the solution was. I'm really grateful to you.

[kurkle]

I'm not sure how we should improve the documentation about this, because the answer is most of the time same :)

Any suggestions?

[xr0master]

This is difficult, because after your hint, everything became obvious and the text is now perceived differently :)

Probably I have a few ideas:
To add the turn off/on x axis to this playground:
https://www.chartjs.org/docs/latest/samples/tooltip/interactions.html

It is worth adding this playground here (imo):
https://www.chartjs.org/docs/latest/configuration/interactions.html

I think it is also possible to improve this expression.: define which directions are used in calculating distances.
The calculating distances were not associated with the fact that behavior could change significantly.

[xr0master]

Something like mode: 'nearest' with axis: 'x'? https://jsfiddle.net/sy0jrzbd/

Sorry to bring up this topic again, but the solution does not work for Bar charts. Am I missing the obvious again?
https://jsfiddle.net/cn2asozy/

[kurkle]

Sorry to bring up this topic again, but the solution does not work for Bar charts. Am I missing the obvious again? https://jsfiddle.net/cn2asozy/

No, I don't think you are missing anything obvious. It works with the element coordinates, not with the x-value as I guess you'd expect in this case.

[xr0master]

Ugu, I see. May it be a feature request? Or is it too rare a use case?

As a workaround, I think I can fill in the missing elements with nulls. And rewrite the output for tooltips to remove zeros (by default it works for lines but doesn't work for bars).

https://jsfiddle.net/vaz5u3pj/

[kurkle]

Ugu, I see. May it be a feature request? Or is it too rare a use case?

Sure, I don't think its that rare.