将Highcharts标签放置在右侧

将Highcharts标签放置在右侧,charts,highcharts,highstock,Charts,Highcharts,Highstock,我有一个带有自定义标签的基本图表,例如: labels: { items: [{ html: 'Testing Label', style: { left: '50px', top: '50px' } }] } 这是可行的,但我想从右侧放置标签,我尝试了以下操作: style: { right: '50px', top: '50px' } 但这不起作用 JSIDLE链接: 似乎图表.标签中不支持右属性。对于更复杂的配置,可以使用

我有一个带有自定义标签的基本图表,例如:

labels: {
  items: [{
    html: 'Testing Label',
    style: {
      left: '50px',
      top: '50px'
    }
  }]
}
这是可行的,但我想从右侧放置标签,我尝试了以下操作:

style: {
  right: '50px',
  top: '50px'
}
但这不起作用

JSIDLE链接:
似乎
图表.标签中不支持
属性。对于更复杂的配置,可以使用
svgrender
渲染标签:

  chart: {
    events: {
      load: function() {
        var chart = this,
          renderer = chart.renderer;

          var label = this.renderer.label('Test label', null, 100).add();
          label.attr({
            x: chart.plotWidth + chart.plotLeft - label.width
          });  
      }
    }
  }
现场演示:

通过
渲染器
(而不是通过构造函数选项)渲染标签的优点是,您可以访问已创建的图表和标签的参数(
chart.plotWidth
chart.plotLeft
label.width



API参考:

谢谢!在调整窗口/图表的大小时,有没有办法使其保持在右侧?当然,您只需要将定位代码移动到
渲染
事件。现场演示: