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

Question

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

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

现在我到处都有时间。

Answer 1

通过使用标签的高图表格式化程序，您可以实现您所寻求的目标。格式化程序有两个值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/

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

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