score:1

there is no default option in highcharts for this, but you can calculate the rotation for each label. additionally, you will need to set align for axis labels to center:

    events: {
        render: function() {
            var ticks = this.xaxis[0].ticks,
                length = this.xaxis[0].categories.length,
                rotation = 360 / length / 2;

            highcharts.objecteach(ticks, function(tick) {
                tick.label.attr({
                    rotation: rotation
                });

                rotation += 360 / length;
            });
        }
    }

live demo: http://jsfiddle.net/blacklabel/shgj8o9t/

api: https://api.highcharts.com/highcharts/xaxis.labels.align


Related Query

More Query from same tag