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

绝对左上角的Highcharts标签？

1 个答案: