Hi
Can you help me to build the below graph
There is a multiple Y Axis
Top is the arearange chart with fill the entire row with the color and there is a edges with ship markers..
https://jsfiddle.net/e965w342/3/
-
TirumalaMoses
- Posts: 2
- Joined: Fri Sep 08, 2023 7:08 am
Re: Multiple Y Axis with arearange chart on top
Hi,
Welcome to our forum & thanks for the question!
I've been trying to understand where you might need help, but I have to admit that I did not manage to succeed in my attempt to do so.
1. You've only included a JSFiddle demo, where everything seems to work fine - I did not notice any problems with this demo and there are multiple axes just as you mentioned.
2. You did not include any images; yet, you asked - 'can you help me to build the below graph?'. Did you mean to attach an image? If not, what exactly should I help you build?
It would be helpful if you could attach a simple image of what you're trying to achieve, or if you could elaborate on what's wrong in the demo you've attached.
Best regards!
Welcome to our forum & thanks for the question!
I've been trying to understand where you might need help, but I have to admit that I did not manage to succeed in my attempt to do so.
1. You've only included a JSFiddle demo, where everything seems to work fine - I did not notice any problems with this demo and there are multiple axes just as you mentioned.
2. You did not include any images; yet, you asked - 'can you help me to build the below graph?'. Did you mean to attach an image? If not, what exactly should I help you build?
It would be helpful if you could attach a simple image of what you're trying to achieve, or if you could elaborate on what's wrong in the demo you've attached.
Best regards!
Jakub
Highcharts Developer
Highcharts Developer
-
TirumalaMoses
- Posts: 2
- Joined: Fri Sep 08, 2023 7:08 am
Re: Multiple Y Axis with arearange chart on top
- chart1.PNG (114.1 KiB) Viewed 180 times
I was confused about the graph top of the y-axis, this is a line chart or an AreaRange chart?
I want to show the line between the two rows and need to show the markers...
Re: Multiple Y Axis with arearange chart on top
Hi,
Thanks for sharing the image!
1. "I was confused about the graph top of the y-axis, this is a line chart or an AreaRange chart?" - as you can see in this demo: https://jsfiddle.net/BlackLabel/bsnt9Lw0/ the last series:
- has 2 custom markers
- stretches from (x = 2, y = 2) to (x = 8, y = 2)
- has a line width of 20
- is of type spline
You can check all the options available for the spline series here: https://api.highcharts.com/highcharts/series.spline
2. "I wanto to show the line between the two rows and need to show the markers" - isn't that exactly what you sent me in your initial post? This demo has a spline series (as I've described above) which achieves exactly this result.
Could you please specify what can I help you with? From what I see, you've already managed to add this "line" with "custom markers".
Best regards!
Thanks for sharing the image!
1. "I was confused about the graph top of the y-axis, this is a line chart or an AreaRange chart?" - as you can see in this demo: https://jsfiddle.net/BlackLabel/bsnt9Lw0/ the last series:
- has 2 custom markers
- stretches from (x = 2, y = 2) to (x = 8, y = 2)
- has a line width of 20
- is of type spline
You can check all the options available for the spline series here: https://api.highcharts.com/highcharts/series.spline
2. "I wanto to show the line between the two rows and need to show the markers" - isn't that exactly what you sent me in your initial post? This demo has a spline series (as I've described above) which achieves exactly this result.
Could you please specify what can I help you with? From what I see, you've already managed to add this "line" with "custom markers".
Best regards!
Jakub
Highcharts Developer
Highcharts Developer