The issue is simply as in the following image. I create different kinds of graphs, using either aggregates  or lists as data source. Resulting graphs contain various number of columns. But in one case, I just get a graph like below, in which the columns and relative labels do not align.

It looks like HighCharts adds numerous "invisible" columns. I can't avoid this look with css because column count varies every time.

Any ideas on how to avoid this?

Thanks a lot.

Hi Ozan,

Check whether you are not inadvertently specifying wrong DataPoints in your DataPoint list, and especially whether they don't have different series names.

Hi Kilian,

Thanks for the reply. 

I see your point, but I want them to be grouped with different colours, that's why I'm giving them different data series names. Indeed, when the data series name happens to be the same, labels and columns align.

Is there nothing I could do other than that solution?


Hi Ozan,

It's possible to give different colours to individual data points. I don't recall exactly how to do it, but the Highcharts website should be a start.


OK, I'll take a look at it. Thanks a lot!

You're most welcome :). Happy coding!