Highcharts標簽位於絕對左上角？

Question

如何將自定義標簽放置在圖表的“最上面”？

我嘗試這樣做：

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

但它沒有考慮到yaxis /標題。 有沒有一種方法可以對任何圖表起作用，而無需為頂部/左側對某些負值進行硬編碼（僅對特定圖表起作用）？

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