score:1
Accepted answer
You can use the SVGRenderer tool to render those lines. Here is an example how to do it for the biggest marker in your demo:
https://jsfiddle.net/BlackLabel/hbjftaw6/
Code:
chart: {
events: {
render() {
let chart = this,
point = chart.series[0].points[0];
//if exist - destroy after the resize
if(point.xLine && point.yLine) {
point.xLine.destroy();
point.yLine.destroy();
}
point.xLine = chart.renderer.path(['M', chart.plotLeft, point.plotY + chart.plotTop,
'L', point.plotX + chart.plotLeft, point.plotY + chart.plotTop
])
.attr({
'stroke-width': 1,
stroke: 'red',
dashstyle: 'ShortDash'
})
.add();
point.yLine = chart.renderer.path(['M', chart.plotLeft + point.plotX, point.plotY + chart.plotTop,
'L', point.plotX + chart.plotLeft, chart.plotHeight + chart.plotTop
])
.attr({
'stroke-width': 1,
stroke: 'red',
dashstyle: 'ShortDash'
})
.add();
}
}
},
API: https://api.highcharts.com/highcharts/series.line.dashStyle
API: https://api.highcharts.com/class-reference/Highcharts.SVGRenderer#path
Source: stackoverflow.com
Related Query
- marked point on spline chart bound to x and y axis
- Highcharts Pie Chart ignores percentageDecimals tooltip setting and has floating point inaccuracy issue
- Highcharts - best way to handle and display zero (or negative) values in a line chart series with logarithmic Y axis
- Highcharts: X and Y Axis cross at zero in scatter chart
- How to add space between chart and axis in highcharts
- Highcharts blank chart with x and y axis
- Highcharts - Bar - Setting the X axis width and the chart area width to be constant
- Chart series point added not sync with X axis
- How to dynamically add point placement and point padding in fixed column chart (highcharts)
- how to have a chart with no spline and no interpolation in Highcharts?
- Highstocks chart multiple pane width and y axis alignment issue
- Is it possible to have two Y Axis in a highstock chart from highcharts one on the left and another on the right?
- Show Indicator at last point on Highchart spline chart
- Highcharts: minRange=1 creates -1 and 1 on a chart with one data point
- How to combine Scatter chart and area spline chart ?
- How to display last data point value in a tag on Y Axis in line chart of highChartjs
- Scatter chart using HTML and Java Script (makeing y axis starting from zero (upside down) )
- Wanted to plot only one spline at the chart load and further add other splines after loading
- highchart with dual axis breakpoint and drag point
- why its difficult to set point padding and placement dynamically according to the data in fixed column chart (highcharts)?
- Detect a click on, and add hover/selected style for x axis on area chart in Highcharts?
- highstocks intraday chart with timestamp and non decimal y axis
- How to display only last point on highcharts and that point should travel with chart line?
- How to Plot chart from two different webform Submission data And Wand to Display annotated point
- highcharts not displaying line when last point is before current x Axis minimum and next point is after current X Axis maximum
- HighCharts Line Chart draw y axis line for entire line points and only one line
- High Chart X Axis to display month and year
- How I can Add Start and end point in stacked bar chart in chart js?
- How to represent a point which is outside range of x and y axis in highcharts
- Google Charts, HighCharts or ChartJS Dual Axis Gantt Chart and Line Chart Visualization
More Query from same tag
- Need to make each bar as series in highcharts
- Bug in Highcharts after exiting the full screen mode
- Hide dataLabels at specific chart width in Highcharts
- Highcharts: X axis, MySQL datetime
- How do I have text display within the inside of a stacked bar graph in highcharts
- dataLabels are not showed in boost mode for line chart
- Highcharts - Display only one name at each end of the bar's chart
- Highcharts ajax not working
- Highcharts tick interval positioning
- Change json array format for highcharts
- How to display yearly values on xAxis in Highcharts
- Highstock graph is not showing when only single data is present
- Highcharts percentage variability position
- Adding narrative to pie chart (highcharts)
- Inner area color for pie-donut highchart
- how to render chart based on different id?
- Prevent Absolute positioned Div from overlapping
- highcharts clickable labels how to goto anchor
- highcharter both nominal and percentage values
- JS Charts Library
- Reduce gap between plot area and actual chart in highcharts
- customized tooltip and linking values to formfields -- highcharts / columnrange
- Rendering Artifacts in Stacked Area Chart with Gaps
- Zoom in not working on Highmaps
- How to set datalebels formatter in highcharts
- R - Highcharter: Drilldown on stacked column graph
- Highcharts custom attribute with datetime line chart
- Highcharts - Get crossing point of crossing series
- How to represent date array in java script for highcharts
- Highcharts apply different background color to all month of each year