将最新数据作为指针显示在Highchart中的轴上

Question

我正在使用角度高的图表。我想知道是否可以向显示该系列的最新值的轴添加一个指针，如下图所示。我确实有一个共享的工具提示，例如本示例：

tooltip: {
xDateFormat: '%d/%m/%Y',
shared: true,
split: false,
enabled: true},

http://jsfiddle.net/vkd76qx3/

我想保留工具提示，但是即使我不悬停任何序列，我仍然希望看到卡在轴上的最新值。

Answer 1

您可以为每个最后一个点分配注释，并在render事件中将其移动到绘图区域之外：

chart: {
  ...,
  events: {
    render: function() {
      this.annotations[0].labels.forEach(function(label) {
        label.graphic.attr({
          x: this.plotLeft + this.plotWidth
        });
      }, this);
    }
  }
},
annotations: [{
  labelOptions: {
    padding: 5,
    align: 'left',
    overflow: 'none',
    verticalAlign: 'middle',
    allowOverlap: true,
    text: '{point.y:.2f}',
    y: 0,
    x: 10
  },
  labels: [{
    point: 's1LastPoint'
  }, {
    point: 's2LastPoint'
  }, {
    point: 's3LastPoint'
  }]
}]

---

实时演示： http://jsfiddle.net/BlackLabel/6m4e8x0y/4800/

API参考：

https://api.highcharts.com/highcharts/chart.events.render

https://api.highcharts.com/highcharts/annotations