I wish to have a vertical line drawn on a historical price chart. This is the first step critical step of a larger project. The following are the requirements.
The chart must be in HTML5.
The financial stock chart is of you choosing.
Draw a vertical line.
The top of the line should correspond with the highest high of the visible range.
The bottom of the line should correspond with the lowest low of the visible range.
An entry field "First Expiry Date" on a floating window "Data Input", that determines the location of the line on the chart.
This is a calendar field
This line will need to be able to be drawn past the last bar, IE to the right of the last bar
A display field "First Expiry Date" on a floating window, "Data Output".
A display field "Highest Value" on a floating window, "Data Output", showing the highest high value.
A display field "Lowest Value" on a floating window, "Data Output", showing the lowest low value.
The line is draggable. By dragging the line to the right or the left;
-> The "First Expiry Date" input field is overridden
-> The "First Expiry Date" output field is updated.
Note: This is a fixed price deal.
The code for ensuring you have read the specification is "Albatross". The word needs to be at the beginning of your response, otherwise it will be automatically deleted.