renatoiwa
Posts: 1
Joined: Wed Jul 28, 2021 6:04 pm

How do I align the X ticks of a bar chart with an area chart?

I have 3 charts one on top of each other. 2 of them are area charts and 1 is a vertical bar chart.

https://codepen.io/renato-dawnlight/pen ... itors=0011

This example was created based on this blog post example:

https://www.highcharts.com/blog/snippet ... le-charts/

As you can see I have a problem where the ticks on the X axis of the bar chart doesn't align with the ticks of the area chart.

Is it possible to have them all aligned?
dominik.c
Posts: 2081
Joined: Fri Aug 07, 2020 7:07 am

Re: How do I align the X ticks of a bar chart with an area chart?

Hello renatoiwa!

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

You can create a variable that will move the label of the axis to the left when it's a column chart. Example: https://jsfiddle.net/BlackLabel/edbohn34/

Is that something what you're looking for?

Best regards!
Dominik Chudy
Highcharts Developer

Return to “Highcharts Usage”