Question

我希望能够为x轴上的第一个和最后一个标签设置不同的文本对齐方式。对于中间的所有标签，我希望标签居中对齐。

|______________________________________________________|
|          |          |          |          |          |
Jun 2    Jun 3      Jun 4      Jun 5      Jun 6    Jun 7

在上面的例子中

第一个勾号（Jun 2）左对齐
最后一个勾号（6月7日）右对齐
中间的所有刻度都是居中对齐的

从文档中我可以看到，我仅限于一个适用于所有刻度标签的align setting。

有没有人为此找到解决方法？我错过了什么吗？

Answer 1

您可以将overflow参数设置为'justify'

labels:{
    overflow: 'justify'
}

示例：http://jsfiddle.net/sbochan/0aq6o5vv/1/

Answer 2

在API中找不到任何可以自定义到该级别的内容，所以这是我的黑客：

   chart: {
        events: {
            load: function(){
                var fL = this.xAxis[0].labelGroup.element.firstChild;
                var lL = this.xAxis[0].labelGroup.element.lastChild;
                fL.setAttribute('x', parseFloat(fL.getAttribute('x')) + fL.getBBox().width / 2);
                lL.setAttribute('x', parseFloat(lL.getAttribute('x')) - lL.getBBox().width / 2);
            }
        }
    },

小提琴here。

虽然不适用于VML后备。

如何在highcharts中设置各个轴标签的对齐方式？

2 个答案: