Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/416.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript HighCharts:如何对齐水平yAxis标题_Javascript_Highcharts - Fatal编程技术网

Javascript HighCharts:如何对齐水平yAxis标题

Javascript HighCharts:如何对齐水平yAxis标题,javascript,highcharts,Javascript,Highcharts,我有两张不同标题的图表。我需要的标题是水平和对齐的权利(在左侧的Y线) 标题对齐仅在垂直居中位置起作用。(我需要我的头衔在中间) 我尝试将文本对齐添加到样式中,但没有成功 yAxis: { "title": { "style": { "textAlign": "right" } } } 我很想听听关于如何解决这个问题的想法。一种方法是只为两个轴标签指定不同的偏移: offset:25 offset:40 我知道这有点手工

我有两张不同标题的图表。我需要的标题是水平和对齐的权利(在左侧的Y线)

标题对齐仅在垂直居中位置起作用。(我需要我的头衔在中间)

我尝试将文本对齐添加到样式中,但没有成功

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


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

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

offset:25

offset:40

我知道这有点手工,但效果不错。如果标签长度发生变化,您应该能够计算字符串长度和所用字体的正确偏移量

另一种方法是根本不使用标题。您可以对标签进行更多控制:

 "labels": {
             "style": {
                 "fontWeight":"bold",
                "color": "#6D869F",
                "textAlign": "right"
            },
            "enabled": true,
            "align":"right",
            y:-60,
            formatter: function() {
                if (this.isFirst) {
                return "12345"; 
                } else {
                    return "";
                }
            }
        },
这把小提琴在演奏中表现出来


它只显示一个标签(在格式化程序函数中)。然后将此标签向右对齐,并使用“y”参数移动。

您会喜欢这样,这里没有文档化的选项“textAlign”,但不是在“样式”下,而是在“标题”属性下。例如:


这是静态站点的最佳答案。但我的网站是动态的,文本会根据语言和结果而变化。我添加了一种替代方法。它可以。。。但在我的例子中,站点是可调整大小的,我不想每次用户更改窗口大小时计算标题的位置。PawełFus的回答为我做了长途跋涉。
    yAxis: {
        "title": {
            "text": "test",
            "textAlign": "right"
        }
    }