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

Question

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

有什么想法吗？

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())
        }
      )
    }
  }
},

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

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

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

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

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

Highcharts: Show navigator range in subtitle

highcharts

subtitle