score:1
You can use the SVGRenderer tool to render those lines as a path inside the render callback. I prepared an example with calculated points positions.
Demo: https://jsfiddle.net/BlackLabel/r9L0yhg2/
events: {
render() {
let chart = this,
distanceFromStack = 10;
chart.series.forEach(s => {
s.points.forEach((p, i) => {
//path coordinates
let pathx1 = p.barX + chart.plotLeft,
pathy1 = p.plotY + distanceFromStack,
pathx2 = pathx1 + p.pointWidth,
pathy2 = pathy1;
//destroy existing path after resize
if (p.customLine) {
p.customLine.destroy();
}
//render path only for the upper points - their yBottom is different than chart.plotHeight
if (p.yBottom !== chart.plotHeight) {
p.customLine = chart.renderer.path(['M', pathx1, pathy1, 'L', pathx2, pathy2]).attr({
stroke: 'red',
'stroke-width': 2
}).add();
}
})
})
}
}
API: https://api.highcharts.com/highcharts/chart.events.render
API: https://api.highcharts.com/class-reference/Highcharts.SVGRenderer#path
If something is unclear - feel free to ask.
Source: stackoverflow.com
Related Query
- Add a line on each bar for stacked and grouped column in HighCharts
- Highcharts format labels on grouped stacked bar diagram with $ k, M for currency and 'hrs' for time
- I want to add a line from each part in column in a Highcharts stacked column chart
- Highcharts stacked column bar with line
- I want to add a line to each column in a Highcharts column chart
- How to add a horizontal line in Column bar chart in Highcharts plugin?
- Stacked percent bar in a spark line grid for Highcharts
- Highcharts datalabel for each stacked column
- Highcharts - stacked column - order series index dynamically for each category
- Line and column combo chart with multiple columns for each category, how to position line marker for each category on a specific column?
- How to add different series data for each categories in Stacked Column chart in Highcharts?
- Type Labels on Stacked and grouped column - Highcharts
- after using for loop all my column graphs are plotted in single color i need each bar in different color in highcharts
- line and column chart in grouped categories in highcharts
- add total count inside stack labels grouped stacked column chart- Highcharts
- Highcharts - Stacked Bar Column - Total Value of Stacked Bar not Correct with Negative and Positive Values
- JSON format for Highcharts line and bar graph
- set different colors for each column in highcharts
- Add a gap between the second and third series in a Highcharts column plot with four series displayed
- set color of grouped stacked column in highcharts
- How to add a label above each bar in HighCharts
- Highcharts shared tooltip for line series and scatter plot not working
- Highcharts tootip for stacked bar charts
- highcharts - precision for stacked column chart data labels
- Overlapping and rounded stack in stacked column graph in Highcharts
- Make stack label disabled for a column in stacked column graph in Highcharts
- Highcharts stacked column how to use different label on each category
- Passing in Id for each data item in bar chart using highcharts
- Drilldown for grouped column chart in highcharts
- Highcharts overlapping and stacked column
More Query from same tag
- How to tell if series is in upper chart or lower chart in tooltip (using highstock)?
- Highlighting Highcharts column
- X axis label in Highcharts graph in Django app
- How do I increase the number of points in a live updating spline chart?
- Highcharts unevenly spaced x-axis with category labels
- highchart dateTimeLabelFormats don't work
- Highcharts Line Chart with multicolor area
- Highcharts data loading from a JSON file error in setting up datetime
- Spring MVC: How to display Hashmap keys and values in highcharts
- Bug in Highcharts after exiting the full screen mode
- How do you put the datetime in the guage chart in human readable format
- Is there any way to disable hover action on particularly some nodes in networkchart of highcharts based on the node color.?
- python generate histogram/pareto chart on keywords
- FsPlot for osx sierra
- Hide Series without hiding y-Axis
- How to add custom icons as markers in Highcharts
- column charts first date cut issue
- nGradient effect with negative values on highcharts
- HighCharter HCAES method not producing any visualization in R Shiny Dashboard
- Show specific month when zoomed on a quarterly chart using highcharts
- Highcharts pie chart annotations are not centering
- Highcharts label grouping
- How to get access to the chart from HighchartsReact component to ResponsiveGridLayout component when I'm using functional react component
- Angular - highcharts-angular / bootstrap / chart not growing to parent size width
- Highcharts: Is it possible to show Sunburst chart series data labels outside the leaf level nodes with connectors?
- Bind dynamic Json data in pie chart
- Horizontal bar chart with outline behind bar
- How to convert JSON
- What is this Highstocks UI element, and can it be controlled independently of the tooltip?
- how to use Kendo chart library in Server side