✊🏿 Black Lives Matter. Please consider donating to Black Girls Code today.
🐇 Announcing Dash VTK for 3d simulation graphics. Check out the March webinar.

Adding arrow at the end of trace/shape/path how to

I am not sure if this is possible, so here’s the question.
What I want to accomplish:

I already have OHLC and Scatter line with markers (HV)
I want to add the orange arrow with text as shown in the screenshot. I know the x0,y0 and x1,y1 coordinates of the orange line that I want to display as an arrow in Plotly javascript.
What is the proper way to accomplish that (if possible)?

  1. Adding another trace to the plot with a custom marker at the end (arrowhead). How?
  2. Adding annotation and play with the orientation
  3. Adding shape line / path. How do I add the arrowhead marker at x1,y1?

Thanks in advance,

Here’s an example: http://codepen.io/etpinard/pen/RoroXM