javascript - Highcharts 日期时间轴，如何禁用时间部分(仅显示日期)？

Question

我的图表正在逐日显示数据(用户和系统发送的短信/时事通讯)。所以时间部分是不相关和不必要的。这是一个例子:http://jsfiddle.net/uaxZP/1/其中显示时间“12:00”。

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

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

Answer 1

您可以拦截 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