Highcharts - 自定义X轴格式

Question

我想知道是否可以在highcharts中为xAxis定义自定义排序或格式。我的数据集有一个可用于xAxis的日期时间，但是我的客户已指定它应该在xAxis上显示“Period”。句点被指定为30分钟片段 - 意味着一天中有48个句点。

数据的范围是从前一天的时段到该时段的当前日期。例如06/03/2017第11期（10:00）至2017年3月7日期间11，xAxis应如下所示：

目前我试图通过摆弄每个点的实际日期时间来做到这一点，以便将其设置为Y-m-d H：i：{Period}然后使用dateFormat仅在xAxis上显示秒数。但是，这在2017-03-06 23:59：{期间48}和2017-03-07 00:00：{期间11}

之间留下了数据空白

Answer 1

假设您的系列数据按onConnected()成对排列，您可以单独保留数据并简单地计算和显示标签。

要显示我们想要的标签，我们可以使用[<timestamp in milliseconds>, <value>]（可能xAxis.labels.formatter按我们的意愿分隔它们）。例如：

tickInterval

周期数的计算（如上所述）可以这样完成：

xAxis: {
    type: 'datetime',
    labels: {
        formatter: function() {
            return createLabelFromTimestamp(this.value);
        }
    },
    tickInterval: 1800000
}

我们只是模拟一天，然后划分以找到我们所处的30分钟段。

请参阅其中的this JSFiddle example。