Draw a vertical line in angular-nvd3 scatter chart

0
votes

I've got a angular-nvd3 scatter chart (similar to http://krispo.github.io/angular-nvd3/#/scatterChart) with two series of data. There is a requirement to add a few vertical reference lines to this graph to mark key dates.

enter image description here

The multichart works but I would lose the zoom function which is a key requirement.

Is there any way to add a vertical reference line in the scatter chart? TIA

1
javascriptangularjsd3.jsnvd3.jsangular-nvd3

1 Answers

0
votes

I just did it by a little bit cheating. I pushed this data in to my data array and adjust intercept until satisfied. I also search a lot but I couldn't find x_intercept option.

data.push({
       key: "Vertical",
       values: [],
       slope: 999,
         intercept:-500,
       });