Highcharts x轴日期时间 - 第一个和最后一个（边界）标签的不同格式

【问题标题】：Highcharts x-axis datetime - different format of first and last (boundaries) labelsHighcharts x轴日期时间 - 第一个和最后一个（边界）标签的不同格式
【发布时间】：2017-10-13 07:20:23
【问题描述】：

如何在 x 轴上以不同格式设置第一个和最后一个数据时间标签？我需要这个标签：

完整的日期时间 |时间 |时间...时间 |时间 |完整的日期时间

现在我到处都有时间。

【问题讨论】：

标签： javascript charts highcharts axis axis-labels

【解决方案1】：

通过对标签使用 highcharts 格式化程序，您可以实现您所寻求的。格式化程序有两个值this.isFirst 和this.isLast，可帮助您区分开始值和结束值。

我用这个格式化程序做了一个简单的例子：

xAxis: {
  labels: {
    formatter: function() {
      if (this.isFirst || this.isLast) {
        return Highcharts.dateFormat('%a %e %b - %H %M %S', this.value);
      } else {
        return Highcharts.dateFormat('%H %M %S', this.value);
      }
    }
  }
}

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

日期格式的 DOCS：http://www.php.net/manual/en/function.strftime.php

highcharts 格式化程序上的 API：http://api.highcharts.com/highcharts/xAxis.labels.formatter

【讨论】：