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