Highcharts official support forum

Hi,

I want to place all columns equally spaced in a graph irrespective of interval between them.

As of now my graph looks like:

But it should be like Please help me out in this,

Thanks in advance

Hi shalini!
Thanks for contacting us with your question!

You are looking for xAxis.ordinal property, which makes sure that points are spaced equally regardless of the time, distance and different similar factors. It is available in the Highstock package. You can check the simple demo below.

Demo: https://jsfiddle.net/BlackLabel/9aupzbqj/
API Reference: https://api.highcharts.com/highstock/xAxis.ordinal

Let me know if you have any further questions.
Regards!

Hey,

Thank you for stepping in for help, now columns are equally spaced. But labels for columns are messing up I want labels for each respective column in slanted format as shown below Thanks in advance.

Regards,
Shalini

Please help me to add labels under each column.

Regards!

shalini,
In your case, you should use xAxis.tickPositioner function to calculate ticks along with xAxis.ordinal set to true. To rotate labels you can use xAxis.labels.rotation property and set and as you would like to or use the default setting of auto-rotation labels on xAxis based on chart width (or set it individually). You can read more about these properties in the API documentation.

Demo: https://jsfiddle.net/BlackLabel/p3vtz25u/
API Reference: https://api.highcharts.com/highstock/xA ... Positioner
https://api.highcharts.com/highstock/xA ... s.rotation
https://api.highcharts.com/highstock/xA ... toRotation

Let me know if that fits your requirement.
Regards!

Hi,

This solution fits my requirement, Thanks for your time and help.

Regards,
Shalini

That's great to hear! In case of any further questions, feel free to contact us again.