2

我有一个包含 12 个类别的极坐标图。由于 x 轴标签最多包含 4 行，因此顶部和底部的类别的自动标签 y 定位略有偏差。它看起来类似于这个例子，但在我的例子中，标签与图表区域重叠，而不是彼此重叠。所以我需要从顶部标签的 y 坐标中减去几个像素，并为底部的类别标签添加几个像素。

我尝试设置 x 轴的偏移参数，但这会将所有标签向上或向下移动相同的量：

xAxis: {
    offset: 20
}

我还尝试向 x 轴标签的格式化程序添加一个回调函数，但我只是不知道如何调整每个类别标签的位置。

4

2 回答 2

1

这是 highchart Heldesk 的解决方案

http://jsfiddle.net/crguqmsv/1/

function(chart){
    var len = chart.xAxis[0].ticks.length;

    $.each(chart.xAxis[0].ticks,function(i,tick){

        if(i>=0 && i<=90) {
            console.log(tick.label.attr({
                rotation:-45
            }));
        } 
    });
}
于 2015-03-16T21:10:25.097 回答
0

您可以在轴定义下的“标签”类别中使用“x”和“y”选项调整标签的位置。

labels: {
     x: 20,
     y: 10
}

在上述情况下，标签将从默认位置向右 20 像素和向下 10 像素。

编辑：我重新阅读了标题，对不起，这是针对所有标签的，而不是单独的。我的错。

于 2014-07-16T16:08:32.510 回答