javascript - HighCharts：如何对齐水平 yAxis 标题

Question

我有 2 个不同 yAxis 标题的图表。我需要标题是水平的并向右对齐（在 Y 线的左侧）。

标题对齐仅适用于垂直居中。（我需要我的头衔在中间）

我尝试将 text-align 添加到样式中，但没有成功。

yAxis: {
    "title": {
       "style": {
          "textAlign": "right"
       }
     }
}

http://jsfiddle.net/g7kUc/

很想听听有关如何解决此问题的想法。

Answer 1

你会喜欢这样的，没有记录的选项“textAlign”但不在样式下，而是在标题属性下。例如：http: //jsfiddle.net/g7kUc/1/

    yAxis: {
        "title": {
            "text": "test",
            "textAlign": "right"
        }
    }

Answer 2

一种方法是为两个轴标签指定不同的偏移量：

offset:25

offset:40

http://jsfiddle.net/CTPe9/

我知道这有点手动，但它有正确的效果。如果标签的长度发生变化，您应该能够根据字符串的长度和使用的字体计算出正确的偏移量。

另一种方法是根本不使用标题。你对标签有更多的控制：

 "labels": {
             "style": {
                 "fontWeight":"bold",
                "color": "#6D869F",
                "textAlign": "right"
            },
            "enabled": true,
            "align":"right",
            y:-60,
            formatter: function() {
                if (this.isFirst) {
                return "12345"; 
                } else {
                    return "";
                }
            }
        },

这个小提琴展示了它的作用http://jsfiddle.net/zNHhh/。

它只显示一个标签（在格式化程序函数中）。然后这个标签右对齐，并使用“y”参数移动。