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

时间:2012-07-09 14:03:37

标签: javascript datetime highcharts

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

如何强制Highcharts 永远不会在“日期时间”轴显示时间部分

编辑:Highcharts会根据图表或屏幕尺寸显示w / wo时间。我已经更新了jsfiddle删除了一些数据,现在它还显示了时间部分。

2 个答案:

答案 0 :(得分:12)

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

xAxis: {
       minTickInterval: 24 * 3600 * 1000
}

http://api.highcharts.com/highcharts#xAxis.minTickInterval

答案 1 :(得分:11)

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

http://jsfiddle.net/uaxZP/3/

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

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

http://www.highcharts.com/ref/#xAxis-labels--formatter