Question

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

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

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

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

http://jsfiddle.net/g7kUc/

很想听听如何解决这个问题的想法。

Answer 1

你会喜欢这个，没有记录选项“textAlign”但不是在样式下，而是title属性。例如：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'参数移动。

HighCharts：如何对齐水平yAxis标题

2 个答案: