AbelHeinsbroek/chartjs-plugin-crosshair

Hover not working in right side of chart

Opened this issue · 1 comments

When the chart has a high amount of points (256 horisontal in this case), hover is disabled in the right side of the chart. I have tried all modes including the interpolate one included with the module, but the right side of the chart is still unresponsive.

This is our configuration:
crosshair: {
line: {
color: #0f0;
width: 1
},
snap: {
enabled: true,
},
sync: {
boolean: false,
},
zoom: {
enabled: false,
},
}

@CreativeCoders are you sure there isn't something else overlayed over the right part of the chart? or maybe some overflow?
Try right click -> inspect element
How large is the canvas, in pixels? (there are some memory limits in browsers, I think something like 4096x4096)

Can you reproduce it in a simple codepen/stackblitz/jsfiddle ?

I am using it with 5000+ points without any issues