[英]HighCharts: How to aligned horizontal yAxis title
我有2个具有不同yAxis标题的图表。 我需要标题为水平并向右对齐(在Y线的左侧)。
标题对齐仅在垂直居中的情况下有效。 (而且我需要我的头衔在中间)
我尝试将text-align添加到样式没有成功。
yAxis: {
"title": {
"style": {
"textAlign": "right"
}
}
}
很想听听有关如何解决此问题的想法。
您将像这样,没有文档说明的“ textAlign”选项,但不在样式下,而是title属性。 例如: http : //jsfiddle.net/g7kUc/1/
yAxis: {
"title": {
"text": "test",
"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 "";
}
}
},
这个小提琴在操作中展示了它http://jsfiddle.net/zNHhh/ 。
它仅通过显示一个标签(在格式化程序功能中)而起作用。 然后,此标签右对齐,并使用'y'参数移动。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.