TirumalaMoses
Posts: 2
Joined: Fri Sep 08, 2023 7:08 am

Multiple Y Axis with arearange chart on top

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/
jakub.s
Posts: 1075
Joined: Fri Dec 16, 2022 11:45 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!
Jakub
Highcharts Developer
TirumalaMoses
Posts: 2
Joined: Fri Sep 08, 2023 7:08 am

Re: Multiple Y Axis with arearange chart on top

chart1.PNG
chart1.PNG (114.1 KiB) Viewed 295 times
Attached screenshot, I want to build the chart like this.
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...
jakub.s
Posts: 1075
Joined: Fri Dec 16, 2022 11:45 am

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!
Jakub
Highcharts Developer

Return to “Highcharts Stock”