Вращение категорий xAxis в полярной диаграмме с использованием Highcharts?

Question

В настоящее время категории отображаются, поскольку вращение установлено на «0».

Где, поскольку я должен отображать текст вокруг круга. что-то похожее на это

Пожалуйста, помогите мне найти правильную настройку для этого?

Answer 1

В Highcharts нет опции по умолчанию, но вы можете рассчитать поворот для каждой метки. Кроме того, вам нужно будет установить align для меток оси на 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;
            });
        }
    }

Демонстрационная версия: http://jsfiddle.net/BlackLabel/shgj8o9t/

API: https://api.highcharts.com/highcharts/xAxis.labels.align