Javascript Highcharts-将y轴打印线标签放置在图表区域外
如何将绘图线标签放置在图表区域外的坐标轴上? 或增加图表区域的外部宽度以显示打印线标签Javascript Highcharts-将y轴打印线标签放置在图表区域外,javascript,highcharts,highstock,Javascript,Highcharts,Highstock,如何将绘图线标签放置在图表区域外的坐标轴上? 或增加图表区域的外部宽度以显示打印线标签 label: { x: 50, //shifts right y:-15, //shifts top }, 雅克斯:{ >绘图线:[{ >颜色:“#FF0000”, >宽度:1, >价值:15.9, >标签:{ >allowOverlap:错误, >文本:“15.9%平均值”, >对齐:“右”, >风格:{ >颜色:“蓝色”, >fontWeight:'正常', >字体大小:“
label: {
x: 50, //shifts right
y:-15, //shifts top
},
雅克斯:{
>绘图线:[{
>颜色:“#FF0000”,
>宽度:1,
>价值:15.9,
>标签:{
>allowOverlap:错误,
>文本:“15.9%平均值”, >对齐:“右”, >风格:{ >颜色:“蓝色”, >fontWeight:'正常', >字体大小:“10px” > } > }, >zIndex:5 > }] }, 使用并更新打印线标签
label: {
x: 50, //shifts right
y:-15, //shifts top
},
var chart=Highcharts.chart('container'{
图表:{
键入:“列”,
marginRight:100
},
xAxis:{
类别:[“美国”]
},
亚克斯:{
绘图线:[{
颜色:“#FF0000”,
宽度:1,
价值:15.9,
标签:{
allowOverlap:错误,
文本:“15.9%
平均值”,
对齐:“右”,
x:50,
y:-15,
风格:{
颜色:“蓝色”,
fontWeight:'正常',
字体大小:“10px”
}
},
zIndex:5
}]
},
打印选项:{
系列:{
allowPointSelect:true
}
},
系列:[{
数据:[30.5]
}]
});
//按钮动作
$(“#按钮”)。单击(函数(){
var selectedPoints=chart.getSelectedPoints();
如果(图表lbl){
chart.lbl.destroy();
}
chart.lbl=chart.renderer.label('您选择的'+selectedPoints.length+'点',100,60)
艾特先生({
填充:10,
r:5,
填充:Highcharts.getOptions().colors[1],
zIndex:5
})
.css({
颜色:“白色”
})
.add();
});代码>
获取选定点
使用并更新绘图线标签
label: {
x: 50, //shifts right
y:-15, //shifts top
},
var chart=Highcharts.chart('container'{
图表:{
键入:“列”,
marginRight:100
},
xAxis:{
类别:[“美国”]
},
亚克斯:{
绘图线:[{
颜色:“#FF0000”,
宽度:1,
价值:15.9,
标签:{
allowOverlap:错误,
文本:“15.9%
平均值”,
对齐:“右”,
x:50,
y:-15,
风格:{
颜色:“蓝色”,
fontWeight:'正常',
字体大小:“10px”
}
},
zIndex:5
}]
},
打印选项:{
系列:{
allowPointSelect:true
}
},
系列:[{
数据:[30.5]
}]
});
//按钮动作
$(“#按钮”)。单击(函数(){
var selectedPoints=chart.getSelectedPoints();
如果(图表lbl){
chart.lbl.destroy();
}
chart.lbl=chart.renderer.label('您选择的'+selectedPoints.length+'点',100,60)
艾特先生({
填充:10,
r:5,
填充:Highcharts.getOptions().colors[1],
zIndex:5
})
.css({
颜色:“白色”
})
.add();
});代码>
获取选定点
-但是,如何使图表内容宽度变小,以便整个标签可见?我把这些图表放在一个旋转木马里,你想要和你在帖子里贴的一样大小的图表吗?几乎一样,但是有多个图表左移/一个接一个。。。标签不可见添加图像以供参考…您可以在这种情况下设置图表宽度检查-但是,如何使图表内容宽度变小以使整个标签可见?我把这些图表放在一个旋转木马里,你想要和你在帖子里贴的一样大小的图表吗?几乎一样,但是有多个图表左移/一个接一个。。。标签不可见添加图像以供参考…您可以在这种情况下设置图表宽度检查