1
A
回答
1
您也可以将useHTML设置为true,对标签使用格式化程序,然后使用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;
}
0
给绿色和蓝色的酒吧一个容器格/跨度。然后申请标签和容器span/div a'display:inline-block'css。
通过这样做,您将强制酒吧'给标签的空间'。
+0
标签堆叠在其他上,而不是标签上的图表堆栈。 – h2n2102 2013-03-19 01:55:47
3
这一个工作没有固定的宽度:
.highcharts-axis-labels span {
left: 0 !important;
}
因为它使用的最大标签的宽度,并通过提高“左”值移动小一次,就可以防止通过设置将其固定为0。所以,不需要固定宽度或“对齐:离开”。
更新:
标签“useHTML”设置必须设置为true才能使用!
xAxis: {
labels: {
useHTML: true,
相关问题
- 1. D3条形图左对齐x轴
- 2. highchart x轴值
- 3. Highchart js条形图标签左对齐
- 4. Highcharts自定义x轴类别对齐中心(在引脚下)
- 5. Highcharts X轴类别
- 6. Highcharts x轴类别
- 7. Highchart复制X轴和Y轴标签
- 8. highchart - 散射:x轴和y轴
- 9. 使用Google图表时,是否可以使X轴左对齐?
- 10. HighChart图在X轴上对齐错误..不能在JSFiddle上重现
- 11. Highcharts设置x轴类别
- 12. Highcharts x轴类别重叠
- 13. 条形图轴标签的左对齐
- 14. HighChart XAxes类别
- 15. ZedGraph v。5.15,多轴对齐
- 16. Highchart的多轴y位置
- 17. Highcharts:与柱形图的x轴对齐
- 18. MPAndroidChart X轴标签不对齐
- 19. 在x轴上对齐日期标记
- 20. 对齐x轴的柱状图中
- 21. 非多行左对齐tabcontrol
- 22. Highchart Zoom和带有字符串阵列的X轴用于类别
- 23. 多Y轴重叠的Y轴Highchart
- 24. 错误订购Highchart中的X轴
- 25. Highchart X轴标签太长[解决]
- 26. 如何绘制HighChart x轴动态
- 27. 如何隐藏highchart X - 轴数据值
- 28. x轴上的Highchart时间间隔
- 29. Highchart动态地改变X轴型
- 30. 轴的对齐标记与类型类别下蜱
我曾经使用过useHTML和格式化程序,但它不起作用:( – h2n2102 2013-03-19 01:54:36
@ h2n2102请看更新后的答案 – 2013-03-19 09:22:24
感谢您的帮助,我现在可以做到,但是我的分类文本长度超过60px,我想设置它的宽度是自动的,但是当我设置自动,它确实再次对齐:( – h2n2102 2013-03-20 01:46:08