在HighChart xAxis上仅显示月份标签

Question

我有一些日期列表作为xAxis的类别。 收集示例：2018-01-01, 2018-01-03, 2018-01-10, 2018-01-17, 2018-01-29;

我希望以格式MMM yy（1月18日）

显示图表日期

所以我尝试按此日期格式对所有这些日期进行分组。结果我在收集中只收到了1个逻辑上的项目。但是在图表上我看到了这样的标签 Jan 18, 1, 2, 3, 4

如何＆＃34; group＆＃34;图表上的值只显示月份标签？

我现在拥有的https://jsfiddle.net/phwgo4jz/7/

示例

Answer 1

您可以使用xAxis的dateTimeLabelFormats选项格式化标签。或者只需将xAxis的类型设置为datetime。 Highcharts缩放轴并根据需要插入适当的标签。

以下是highcharts文档：https://api.highcharts.com/highcharts/xAxis.dateTimeLabelFormats

也是一个具有与您的要求类似功能的示例代码。看一看 https://codepen.io/samuellawrentz/pen/XYVyNR?editors=1010

Answer 2

categories基本上只是一个如何显示标签和位置标记的信息 - 轴仍然表现得像一个＆＃34;正常＆＃34;线性轴。如果您不为所有y位置提供类别，Highcharts将使用后续整数填充轴标签。

您可以使用xAxis.labels.formatter过滤类别：

  formatter: function() {
    return Number.isInteger(this.value) ? '' : this.value;
  }

现场演示： https://jsfiddle.net/BlackLabel/ytoj9ng2/

API参考： https://api.highcharts.com/highcharts/xAxis.labels.formatter