ashutoshs
Posts: 10
Joined: Tue Apr 19, 2022 11:09 am

We need to show a heart rate graph. For that, we have required a graph label and a blank divider between 2 chart.

1. We need to implement the graph as looks like the image and need to implement the blank divider between a chart, and it should be scrollable along with the graph.

2. We need to implement the label which should be movable along with the graph and it should be shown every 4 min.
Attachments
HighChart_saperator.png
HighChart_saperator.png (173.47 KiB) Viewed 137 times
hubert.k
Posts: 1164
Joined: Mon Apr 11, 2022 11:48 am

Re: We need to show a heart rate graph. For that, we have required a graph label and a blank divider between 2 chart.

Hello ashutoshs,
Thanks for contacting us with your question!

Q1: If you have two separate charts and you want to add some text between them you can just add a proper HTML tag with text between them. Just like in this demo: https://jsfiddle.net/BlackLabel/dbuL5ewt/

Q2: To create a label you can use a Highcharts SVGRenderer. You can set it properly using x and y values and it is scrollable along with the chart.
Demo: https://jsfiddle.net/BlackLabel/z7u9qbtj/
API Reference: https://api.highcharts.com/class-refere ... VGRenderer
https://api.highcharts.com/highcharts/c ... lePlotArea

Feel free to ask any further questions!
Regards!
Hubert Kozik
Highcharts Developer

Return to “Highcharts Usage”