How to add arrow to end of line while using type scatter

Question

How do I add arrow to every end of line properly where y is not equal to zero, and series type is scatter with linewidth 2, here I can see arrow is added but its not properly ad

Answer 1

It's not the scatter that's messing you up; it's the fact that your data is not properly sorted. Highcharts expects input data to be sorted by x value:

data: [
    [0, 0],
    [(-3.969 +0), -1.001]
].sort() // this is wrong order, I added sort...

Also, you'll need to apply the fix to my orginal code from here.

Putting this together, here's an updated fiddle.