HighCharts not displaying all the categories

Question

I'm using HighCharts library for displaying charts for my project. I've modified the chart a bit. I have kind of combined these two charts http://www.highcharts.com/demo/combo-multi-axes and http://www.highcharts.com/demo/column-rotated-labels together to get the desired chart. But the problem now is that when the charts are displayed. All the categories are not displayed and only the first

Answer 1

You appear to have several series, each with only one data point. That will, by default, only show one category, because it is grouping them (the first point of each series in the first category, the second point of each series in the second category, etc).

I would suggest making this one series - it is overkill and adds unnecessary complications to make each data point a series.

Alternatively, if you're stuck to the idea of multiple series, you can add grouping: false to your plotOptions, which will over ride the default behavior.

Reference:

• http://api.highcharts.com/highcharts#plotOptions.column.grouping

UPDATE:

I forgot to add that you need to include an x value for each data point as well.

Example:

• http://jsfiddle.net/jlbriggs/3d3fuhbb/101/