获取 highcharts 滚动条的左侧和顶部位置

Question

我想在应该放在左边的高图上放置自定义标签滚动条的一侧。如何获取滚动条的顶部和左侧位置？

我已经用下面的代码添加了标签

chart.renderer.text('<span style="font-weight:600;"> 1-21 </span>', 20, 120)
        .css({
            color: 'green',
            fontSize: '12px'
        })
        .add();

Answer 1

您可以使用 chart.plotWidth + chart.plotLeft - 25 确定滚动条的左侧位置。此外，可以使用 chart.plotTop + 10 获得最高位置。数值只是顶部和左侧的填充。

请看一下这个codepen。 https://codepen.io/samuellawrentz/pen/eKjdpN?editors=1010

希望这对您有所帮助:)

Answer 2

您可以使用chart.xAxis[0].scrollbar.group.translateX和chart.xAxis[0].scrollbar.group.translateY获取滚动条的位置，例如：https://codepen.io/anon/pen/KeBxNj?editors=1010

片段：

var chart = Highcharts.chart('container', {
  chart: {
    type: 'bar',
    marginLeft: 150,
    events: {
      load: function () {
        var scrollbar = this.xAxis[0].scrollbar,
            bbox;
        // Render:
        this.customLabel = this.renderer.text('<span style="font-weight:600;"> 1-21 </span>', 0, 0).attr({
          zIndex: 5
        }).add();
        // Get bbox
        bbox = this.customLabel.getBBox();

        // Position label
        this.customLabel.attr({
          x: scrollbar.group.translateX - bbox.width,
          y: scrollbar.group.translateY + bbox.height
        });
      }
    }
  },
  ...
});

获取 highcharts 滚动条的左侧和顶部位置

Get left and top position of highcharts scrollbar

charts

highcharts

angularjs

highcharts-ng