Highcharts datetime轴,如何禁用时间部分(仅显示日期)？

Question

我的图表每天显示数据(用户和系统发送的短信/简报).因此,时间部分不相关且不必要.这是一个例子:http://jsfiddle.net/uaxZP/1/,其中显示时间"12:00".

如何强制Highcharts 永远不会在"日期时间"轴上显示时间部分？

编辑:Highcharts将根据图表或屏幕大小显示日期w/wo时间.我已经更新了jsfiddle删除一些数据,现在它还显示时间部分.

Answer 1

最简单的方法是使用"minTickInterval"

xAxis: {
       minTickInterval: 24 * 3600 * 1000
}

Answer 2

您可以截取x轴标签功能并更改其输出.在我的例子中,我已将其更改为渲染短日期:

{ xAxis: 
    labels:
        formatter: function() {
             return Highcharts.dateFormat("%b %e", this.value);
        }
    }
}

xAxis.labels.formatter属性允许对此进行控制.您还可能会注意到我正在使用Highcharts.dateFormat,它是一个用于呈现日期的实用程序函数.这不是强制性的,但它是一个很好的内置功能.有关xAxis格式化程序的文档,请访问:

当您的数据未返回 xAxis 值时，应使用 tickInterval。由于您有与数据关联的时间戳，我假设您想使用它们。您还需要绝对确定间隔与返回的数据相匹配，否则它会抛出所有内容。在这种情况下，由于您拥有数据，我将使用格式化程序。 (2认同)