btbrad
Posts: 1
Joined: Fri May 20, 2022 8:16 pm

Synchronized charts

Is there any ways to make these vertical lines in https://www.highcharts.com/demo/synchronized-charts connected and looks like a single line?
Attachments
high.png
high.png (36.57 KiB) Viewed 151 times
mateusz.b
Posts: 2006
Joined: Tue Jul 13, 2021 11:34 am

Re: Synchronized charts

Hi btbrad,

Welcome to our forum and thanks for contacting us with your question.

There are multiple ways to achieve something like that:
1) You can remove charts' spacing and hide separating axes.
Demo: https://jsfiddle.net/BlackLabel/5bom6k9z/

2) Use single chart instead of three, and add additional axes like in this stock chart example.
Demo: https://jsfiddle.net/BlackLabel/4snqumkf/

3) The last and at the same time most complicated option is to use SVGRenderer tool to draw line that would extend the crosshair or replace it completely.
API reference: https://api.highcharts.com/class-refere ... VGRenderer

Let me know if you have any further questions.
Regards!
Mateusz Bernacik
Highcharts Developer

Return to “Highcharts Usage”