Chart - Combine multiple rows into a single series (Java)

I'm working on a requirement to plot the data into line graph to be displayed on a web page (JSP). My data has list of items (repeating) and each row has two values (start date and end date). I need to draw a chart that shows the items on y-axis and it's values on x-axis. The data looks like as below :

The required format of the graph should look like as below :

The chart basically connects the start dates and end dates and if there is a gap between end date of previous row/dataset and the start date of current row/dataset then the gap should be visible in the graph. I'm looking for suggestions on how to achieve this using any jquery/js based charting solutions.

Thanks in advance!