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(); });


获取选定点
-但是,如何使图表内容宽度变小,以便整个标签可见?我把这些图表放在一个旋转木马里,你想要和你在帖子里贴的一样大小的图表吗?几乎一样,但是有多个图表左移/一个接一个。。。标签不可见添加图像以供参考…您可以在这种情况下设置图表宽度检查-但是,如何使图表内容宽度变小以使整个标签可见?我把这些图表放在一个旋转木马里,你想要和你在帖子里贴的一样大小的图表吗?几乎一样,但是有多个图表左移/一个接一个。。。标签不可见添加图像以供参考…您可以在这种情况下设置图表宽度检查