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

Highcharts:在副标题中显示导航器范围,highcharts,subtitle,Highcharts,Subtitle,我有一个小问题,我希望它与海图小。 我的目标是,显示从导航到字幕的所选最小/最大范围。 但我不知道怎么做。 这是一张样图 有什么想法吗?您可以使用chart.render事件通过以下方式实现此目的: chart: { events: { render: function(){ this.setSubtitle( {text: '<b>From:</b> ' + (new Date(this

我有一个小问题,我希望它与海图小。 我的目标是,显示从导航到字幕的所选最小/最大范围。 但我不知道怎么做。 这是一张样图

有什么想法吗?

您可以使用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,因为它很容易

工作示例:


API参考资料:

这对我来说很有用,非常好。非常感谢你。我希望下次我也能帮助社区。竖起大拇指!