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

Question

我有一个小问题（我希望它很小）与highcharts。 我的目标是，显示从导航到副标题的所选最小/最大范围。 但我不知道该怎么做。 这是一张示例图片

有什么想法吗？

Answer 1

您可以使用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())
        }
      )
    }
  }
},

这将在加载图表时以及用户选择其间隔时为您提供最小值/最大值。

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

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

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