javascript - Highcharts 标签位于绝对左上角？

Question

如何将自定义标签放置在图表的最左上角？

我尝试这样做:

labels: {
  items: [{
      html: 'Testing Custom Label',
      style: {
        left: '0px',
        top: '0px',
        color: 'red'
      }
    }],
    style: {
      position: 'absolute'
    }
}

但它没有考虑 yaxis/title。有没有一种方法可以做到这一点，它适用于任何图表，而不是我硬编码顶部/左侧的一些负值(这只适用于这个特定的图表)？

http://jsfiddle.net/itsVicc/xu9nL8cn/

Answer 1

您可以使用渲染器来生成标签，而不是通过图表构造函数选项来生成标签。标签将使用整个图表(不是绘图区域)作为基线来定位。

chart: {
  events: {
    load: function() {
       this.renderer.label('test label', 0, 0).add();
    }
  }
},

现场演示: http://jsfiddle.net/kkulig/ns3rh6rx/

API引用: https://api.highcharts.com/class-reference/Highcharts.SVGRenderer#label