Add Vertical Line To XY Chart

I would like to put vertical Line on a particular value inside a Xy Chart.
Presentely my chart look like this :


What i would like to obtain is something like this :

How can I obtain this result?

  1. Create a new datasource - say props.dataSources.marker1.
  2. In that datasource create two data points. (I don't know what your x-axis is so I've just used the default t_stamp. You'll need to modify to suit.)
0
    t_stamp : "Tue Aug 09 2018",
    y: 0
1
    t_stamp : "Tue Aug 09 2018",
    y: 1
  1. Add a new props.series. Set the following items:
1
    data
        source : marker1
        x : t_stamp
        y : y
    xAxis : <set to same as your existing series>
    yAxis : <set to same as your existing series> 
    line
        appearance
            stroke
                color : red
  1. Do the same for marker2 if required.