I have a normal "Line" series which contains interpolation of data to smooth the curve. I have around 300 points but only 50 are relevant to the user, so we don't want to have mouse tracking on 250 on those points. We don't even want the marker on it not hover on it. I implemented this code, which does the job but I lose the normal mouse tracking feature on it which makes it hard to track the relevant unless you are hovering over it and come across it. The normal mouse tracking allows highlights the closest point but not when I implement it this way. This is how each item of the data array looks like:
Code: Select all
{
x: some number,
y: some number,
events: {
mouseOver: function (e: MouseEvent) {
return (true for valid point/false for interpolation)
}
},
marker: {
states: {
hover: {
enabled: (true for valid point/false for interpolation)
}
}
}
}