繁体   English   中英

HighCharts:如何对齐水平yAxis标题

[英]HighCharts: How to aligned horizontal yAxis title

我有2个具有不同yAxis标题的图表。 我需要标题为水平并向右对齐(在Y线的左侧)。

标题对齐仅在垂直居中的情况下有效。 (而且我需要我的头衔在中间)

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

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

http://jsfiddle.net/g7kUc/

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

您将像这样,没有文档说明的“ textAlign”选项,但不在样式下,而是title属性。 例如: http : //jsfiddle.net/g7kUc/1/

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

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

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'参数移动。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM