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

Question

我的图表每天显示数据（用户和系统发送的 SMS/通讯）。所以时间部分是不相关和不必要的。这是一个示例： http: //jsfiddle.net/uaxZP/1/显示时间“12:00”。

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

编辑：Highcharts 将根据图表或屏幕尺寸显示日期w/wo时间。我已经更新了 jsfiddle 删除了一些数据，现在它也显示了时间部分。

score 12 · Accepted Answer

您可以截取 x 轴标签函数并更改其输出。在我的示例中，我已将其更改为呈现短日期：

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

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

score 12 · Accepted Answer

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

xAxis: {
       minTickInterval: 24 * 3600 * 1000
}

2 回答 2