Javascript x轴标签从Highcharts柱形图中切断

Javascript x轴标签从Highcharts柱形图中切断,javascript,highcharts,Javascript,Highcharts,我试图在x轴上显示完整的标签,但highcharts一直将其切断。我尝试使用其他帖子中讨论的裁剪、溢出和边距选项,但都没有用。唯一有效的选择是将图表的div高度设置为荒谬的大小 $(“#da驱逐”)。高图({ 图表:{ 键入:“列”, renderTo:“驱逐出境”, }, 数据:{ 谷歌电子表格键:“1Nx8zcIi0ULxytLmra0A9N11-llzJCDVH2-7SbK_k5-U”, startColumn:0, startRow:0, 谷歌电子表格工作表:19, }, 标题:{ 课

我试图在x轴上显示完整的标签,但highcharts一直将其切断。我尝试使用其他帖子中讨论的裁剪、溢出和边距选项,但都没有用。唯一有效的选择是将图表的div高度设置为荒谬的大小

$(“#da驱逐”)。高图({
图表:{
键入:“列”,
renderTo:“驱逐出境”,
},
数据:{
谷歌电子表格键:“1Nx8zcIi0ULxytLmra0A9N11-llzJCDVH2-7SbK_k5-U”,
startColumn:0,
startRow:0,
谷歌电子表格工作表:19,
},
标题:{
课文:“随着时间的推移,学校的开除率最高”
},
亚克斯:{
分:0,,
最高:30,
中断:[{
起:12,,
致:24,,
特征尺寸:1
}],
时间间隔:3,
标题:{
正文:“驱逐率(%)”
},
标签:{
格式化程序:函数(){
返回此值。值+'%';
}
}
},
工具提示:{
值后缀:''
},
xAxis:{
类型:'类别',
标题:{
课文:“学校”
},
},
});

添加截断视图的原因是“将图表的div高度设置为荒谬的大小”。如果将鼠标悬停在xAxis标签上,将显示全文。 如果要增加xAxis标签的可用大小,可以。另一个建议是使用“条形”格式,其中xAxis是垂直的,然后调整xAxis标签的字体大小,尽管这不是100%准确。省略号有什么问题

labels: {
    useHTML: true,
    style: {
        fontSize: '8px',
        width: '300px'
    }
}
“将图表的div高度设置为荒谬的大小”是添加截断视图的原因。如果将鼠标悬停在xAxis标签上,将显示全文。 如果要增加xAxis标签的可用大小,可以。另一个建议是使用“条形”格式,其中xAxis是垂直的,然后调整xAxis标签的字体大小,尽管这不是100%准确。省略号有什么问题

labels: {
    useHTML: true,
    style: {
        fontSize: '8px',
        width: '300px'
    }
}

谢谢你的解决方案。我不认为省略号有什么问题,但我的客户可能会。因此,为什么我在这里想知道如何适应标签。谢谢你的解决方案。我不认为省略号有什么问题,但我的客户可能会。因此,为什么我在这里想知道如何适应标签。谢谢你的解决方案。我不认为省略号有什么问题,但我的客户可能会。因此,为什么我在这里想知道如何适应标签。