score:1
Accepted answer
As mentioned in the comments you can use the Highcharts SVGRenderer class to draw out a line. You can use something like a load event of Highcharts within which you can make use of the SVGRenderer to create a path line.
chart: {
events: {
load: function () {
console.log(this.chart); // This will get tou the chart reference where in you can find the coordinates of the point from where you want to draw the line
var x1 = this.series[0].data[this.series[0].data.length - 1].plotX + this.plotLeft;
var y1 = this.series[0].data[this.series[0].data.length - 1].plotY + this.plotTop;
var label = this.renderer.path(['M', x1,y1,'L', 550, y1])//M 75 223.5 L 593 223.5
.attr({
'stroke-dasharray': '2,2',
'stroke-width': 2,
stroke: 'red'
})
.add();
var label = this.renderer.path(['M', 550, this.plotTop + this.plotHeight,'L', 550, y1])//M 75 223.5 L 593 223.5
.attr({
'stroke-dasharray': '2,2',
'stroke-width': 2,
stroke: 'red'
})
.add();
}
}
}
The x-coordinate 550, I selected randomly, but if you know the x-point then it is the way you do it. Here is the new fiddle link . Hope it helps
Source: stackoverflow.com
Related Query
- Mark a point and draw plot lines in Multi Series Highchart
- Series markers disable on lines and enable on legend in Highchart
- How to add a vertical plot line in multiple line series and show the tooltip on Plot line in highchart
- How to change the series color and mark after I draw the line chart in highcharts?Does it has databound event?
- Add a gap between the second and third series in a Highcharts column plot with four series displayed
- programatically fire a click event for a point on highchart scatter plot
- Highcharts shared tooltip for line series and scatter plot not working
- How can I extend the lines of this Highchart series to the edges of my chart area?
- HighCharts: Mouse click event is handled by both Series handler and Point handler
- How to add Highchart Bar lines and lables?
- HighChart - Can draw line between Title and SubTitle
- How to set series-label to false by default and change the color of series label text in highchart
- How draw plot lines on a solid gauge charts
- rCharts: Change the individual point colors of a time series plot (Highcharts)
- Highchart Axis with only min and max series value
- Plot Highchart multiple series line chart using JSON data
- Add text to generated quadrant area by x and y plot lines , highcharts
- Cannot set Individual Point color in Series for Highstock API, it works for Highchart API
- How to draw a bar chart that one series has both positive and negative values in Highcharts?
- Unable to create Highchart where i can show different - different data on clicking category and series
- Highcharts for multiple plot lines each with a different color and show tooltip?
- Turn series and plot bands on/off using API
- highchart with dual axis breakpoint and drag point
- How do I create a columnrange highchart with a point object (consisting of one x and two y values)?
- I want to capture the starting and end point of all the series in my multigraph and show it in a table using MeasureX of StockTools in Highstock
- Highchart shiny R scatter plot - how to define individual point colors
- When adding point on dynamically created Multiple Highchart Graphs on a single page, the plot line draws to the start point instead of last point?
- How to Plot chart from two different webform Submission data And Wand to Display annotated point
- Displaying highchart columnrange charting xAxis, yAxis and series
- Drawind Dynamic series and points with Highchart and ajax
More Query from same tag
- How Can we display a legend in high chart that contains apostrophe
- print chart isn't working for columnrange HighCharts
- Lazy HighCharts and Loading Json Data
- Highcharts: Add ONE custom label to yAxis
- Change HighCharts pointInterval after creating chart
- Add more data into Highchart's column
- How to import JSON data to Chart Array in web2py (Python)
- How to add data to a custom HighChart's HighMaps map? joinBy?
- How to make a HighCharts drilldown column/bar chart that does not hide the non-drilldown categories
- Highcharts - Click event not firing outside of plot area
- HighCharts : How to REMOVE (or) HIDE a certain data POINT in Series?
- Highcharts Change Bar Color Based on Value
- Render Highcharts after user updated labels
- Angular : loop over object data loaded from a webservice
- How to provide dynamic hover color in highmaps?
- Highcharts - verticalAlign on dataLabels not working on line graph
- How to add table on click over each column in Highcharts Reactjs?
- Uncaught TypeError: Cannot read property 'addPoint' of undefined ( Highstock live data)
- highcharts pie apply a modal for each section
- How to create equal width solidgauge for any number of series?
- Reload Highchart with AJAX more smoothly
- Drilldown for lines in Highcharts
- Highcharts networkgraph datalabels on hover
- In HighCharts, how can I make the color for each plotted point in an array dependent on a value in a corresponding array?
- highcharts / Angular databinding with series
- How to have data labels on top of the graph?
- How to set color of each slice in pie chart in high charts library?
- Loading Multiple Series in Highcharts dynamically returns errors
- Highcharts error 13, but rendering Div exists
- Highcharts legend events style edit