Question

我遇到极坐标图定制问题。我想将数据标签向右移动45°。

这是fiddle，这是我想得到的结果： result

是否可以使用极坐标图（它必须是极坐标图）？

这是定义标签文字的正确方法吗？

var categories = ['These', 'are', 'test', 'data'],
count = 0;
/* ... */
    labels: {
        formatter: function () {
            var value = categories[count];

            count++;
            if (count == 5) {
                count = 0;
            }

            return value;
        }
    }

Answer 1

获得所需的行为是两件事的结合：

使用xAxis.categories代替formatter：这比创建自定义格式化程序更容易。 如果您愿意，可以省略此步骤，具体取决于您希望绘制网格线的位置。
在series选项中，将pointPlacement设置为between：默认情况下，默认情况下，点将面向“北”，但启用此选项后，它们将被放置inbetween（对于带有四个值的图形，它将它们放在45度）。

例如：

var categories = ['These', 'are', 'test', 'data'],
count = 0;

$('#container').highcharts({
    // ...        
    xAxis: {
        // ...
        categories: categories,
        // ...
    },
    // ...
    series: [{
        // ...
        pointPlacement: 'between',
        // ...
    }]
});

Answer 2

据我所知，有一个选项 startAngle 可让您操纵角度，只需添加以下选项：

 chart: {
            polar: true
        },
        pane: {
            startAngle: 45,
        },

        title: {
            text: 'Highcharts Polar Chart'
        },

Fiddle

Api

Highcharts Polar Chart定制

2 个答案: