Question

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

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

xAxis: {
    offset: 20
}

我还尝试将回调函数添加到x轴标签的格式化程序中，但我无法弄清楚如何调整每个类别标签的位置。

Answer 1

这是高级图表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
            }));
        } 
    });
}

Answer 2

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

labels: {
     x: 20,
     y: 10
}

在上述情况下，标签的右侧为20px，默认位置为10px。

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

在极坐标高图中单独定位x轴标签

2 个答案: