Question

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

labels: {
  items: [{
    html: 'Testing Label',
    style: {
      left: '50px',
      top: '50px'
    }
  }]
}

这有效，但我想从右侧放置标签，我试着这样做：

style: {
  right: '50px',
  top: '50px'
}

但这不起作用......

JsFiddle链接： http://jsfiddle.net/0ze2u47h/3/

Answer 1

right似乎不支持chart.labels属性。对于更复杂的配置，您可以使用SVGRenderer：

呈现标签

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

现场演示： http://jsfiddle.net/kkulig/aob1e197/

通过renderer（而不是通过构造函数选项）呈现标签的好处是，您可以访问已创建的图表和标签的参数（chart.plotWidth，chart.plotLeft，{{1}在这种情况下）。

API参考： https://api.highcharts.com/class-reference/Highcharts.SVGRenderer#label

将Highcharts标签置于右侧

1 个答案: