I have recently been working with the highchart api to plot some data on a website, and I have need to be able to add a custom vertical "line" to symbolise something happening for example a press release.

I have thought about adding a column element to the chart as a seperate series but this is less than ideal.

if anyone has any ideas that would be awesome

thanks

I have recently been working with the highchart api to plot some data on a website, and I have need to be able to add a custom vertical "line" to symbolise something happening for example a press release.

I have thought about adding a column element to the chart as a seperate series but this is less than ideal.

if anyone has any ideas that would be awesome

thanks

• javascript
• jquery
• highcharts

2 Answers 2

Can you use the the renderer to draw the line?

Here is the API doc for renderer. Look at the path function.

Also check the Try it for jsfiddle for path function.

You can also check the addPlotLine or addPlotBand methods (http://api.highcharts.com/highcharts#Axis.addPlotLine and http://api.highcharts.com/highcharts#Axis.addPlotBand).

It may be easier and quicker to use than drawing a SVG path, unless your line isn't straight.