Javascript 在highchart中,Y轴绘图线标签被切断

Javascript 在highchart中,Y轴绘图线标签被切断,javascript,charts,highcharts,bar-chart,Javascript,Charts,Highcharts,Bar Chart,我想创建带有自定义水平线的条形图,以显示平均基准。此外,这些行上还添加了标签以显示基准标题。如下图所示,我将线标签切掉。 此外,如果打印线值超出打印的范围,打印线将隐藏。如何在highchart中处理此案例?下面是我正在使用的代码 $(函数(){ $(“#chartContainer”).highcharts({ 学分:{ 已启用:false }, 颜色:['3C791D'、'bebebebe'、'7F7F7F'], 图表:{ 类型:“列” }, 标题:{ 文本:“” }, xAxis:{

我想创建带有自定义水平线的条形图,以显示平均基准。此外,这些行上还添加了标签以显示基准标题。如下图所示,我将线标签切掉。

此外,如果打印线值超出打印的范围,打印线将隐藏。如何在highchart中处理此案例?下面是我正在使用的代码

$(函数(){
$(“#chartContainer”).highcharts({
学分:{
已启用:false
},
颜色:['3C791D'、'bebebebe'、'7F7F7F'],
图表:{
类型:“列”
}, 
标题:{
文本:“”
},
xAxis:{
类别:[“伟大”、“中立”、“糟糕”]
},
亚克斯:{
标题:{
文本:“”
},
绘图线:[{
数值:80,
颜色:'#000000',
宽度:2,
zIndex:4,
标签:{
文本:'XYZ平均值:80%',
对齐:“右”
}
},{
价值:60,
颜色:'#000000',
宽度:2,
zIndex:4,
标签:{
正文:“PQR平均值:60%”,
对齐:“右”
}
}]
},
图例:{
已启用:false
},
打印选项:{
专栏:{
数据标签:{
启用:对,
格式化程序:函数(){
返回这个.y+'%';
}
},
colorByPoint:对,
enableMouseTracking:false
}
},
系列:[{
键入:“列”,
名称:“s”,
数据:[70,10,40]
}]
});
});

设置图表的高度以及Y轴的最大值

图表:{
身高:600
},
亚克斯:{
分:0,,
最高:100
}

Highcharts不会像其他标签一样自动为这些标签腾出空间。您需要自己解释这一点,或者通过标签的定位,或者通过增加可用空间-我会设置topMargin以允许标签:设置最大值是诀窍,因为根据范围值绘制的标记线可能超出图表上实际绘制的范围。早些时候,我对jasper charts(jfreechart)使用了相同的技巧。