Highcharts:在副标题中显示导航器范围

Highcharts: Show navigator range in subtitle

我有一个关于 highcharts 的小问题(我希望它很小)。 我的目标是显示从导航到字幕的所选 min/max 范围。 但我不知道该怎么做。 这里是示例图片

有什么想法吗?

您可以使用 chart.render 事件通过以下方式实现此目的:

chart: {
  events: {
    render: function(){
      this.setSubtitle(
        {text: 
          '<b>From:</b> ' +
          (new Date(this.xAxis[0].getExtremes().userMin).toLocaleString()) +
          ' <b>To: </b>' + 
          (new Date(this.xAxis[0].getExtremes().userMax).toLocaleString())
        }
      )
    }
  }
},

这将在加载图表时以及用户选择间隔时为您提供 min/max。

时间格式当然可以改变,我用.toLocaleString()因为它很容易。

工作示例: http://jsfiddle.net/ewolden/37bp1qpc/

API参考:https://api.highcharts.com/highstock/chart.events.render