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

Javascript Highcharts日期时间轴,如何禁用时间部分(仅显示日期)?,javascript,datetime,highcharts,Javascript,Datetime,Highcharts,我的图表每天显示数据(用户和系统发送的短信/时事通讯)。因此,时间部分并不相关,也没有必要。下面是一个示例:显示时间“12:00” 如何强制Highcharts从不在“日期时间”轴中显示时间部分 编辑:Highcharts将根据图表或屏幕大小显示日期和wo时间。我已经更新了JSFIDLE,删除了一些数据,现在它还显示了时间部分。您可以截取x轴标签函数并更改其输出。在我的示例中,我将其更改为渲染短日期: xAxis.labels.formatter属性允许对此进行控制。您可能还注意到我使用的是H

我的图表每天显示数据(用户和系统发送的短信/时事通讯)。因此,时间部分并不相关,也没有必要。下面是一个示例:显示时间“12:00”

如何强制Highcharts从不在“日期时间”轴中显示时间部分


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

您可以截取x轴标签函数并更改其输出。在我的示例中,我将其更改为渲染短日期:

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


最简单的方法是使用“minTickInterval”


这仍然是个问题吗?我在你的小提琴上只看到日期。我会考虑使用highstock,因为你在这里有你的数据format@MikeRobinson这里是最新的显示时间的小提琴。实际上现在我在Highcharts文档中找到了“tickInterval”选项。当设定为86400000(1天)时,似乎做了同样的事情。正确的选择是什么?当数据没有返回xAxis值时,应该使用tickInterval。因为您有与数据关联的时间戳,所以我假设您想要使用它们。您还需要绝对确保时间间隔与返回的数据相匹配,否则它会抛出所有内容。在这种情况下,由于您有数据,我将使用格式化程序。您需要添加
ordinal:false
,对于我来说,此解决方案更准确。谢谢
{ xAxis: 
    labels: {
        formatter: function() {
             return Highcharts.dateFormat("%b %e", this.value);
        }
    }
}

        
xAxis: {
       minTickInterval: 24 * 3600 * 1000
}