图片1
图片2
我希望左对齐 标签,但是当我这样做时,标签就像图片2 一样堆叠。
请帮帮我
答案 0 :(得分:3)
这个没有固定宽度的工作:
.highcharts-axis-labels span {
left: 0 !important;
}
由于它使用最大标签的宽度并通过提高“左”值移动较小的一次,因此可以通过将其固定为0来防止它。因此不需要固定宽度或“对齐:左”。 / p>
更新
标签“useHTML”设置必须设置为true才能生效!
xAxis: {
labels: {
useHTML: true,
答案 1 :(得分:1)
您还可以将useHTML设置为true,对标签使用formatter,然后使用CSS样式。
http://api.highcharts.com/highcharts#xAxis.labels.useHTML http://api.highcharts.com/highcharts#xAxis.labels.formatter
编辑:
xAxis: {
labels: {
//align: 'center'
useHTML:true,
formatter:function(){
return '<div class="label">'+this.value+'</div>';
}
}
},
CSS
.label {
text-align:left;
width:60px;
}
答案 2 :(得分:0)
给绿色和蓝色条形容器div / span。然后申请标签和容器span / div一个'display:inline-block'css。
通过这样做,您可以强制条形为标签“留出空间”。