Question

我正在尝试使用日期时间类型创建一个X轴，其中显示每个唯一日期以及时间和后续日期标签显示的时间而不是再次重复相同的日期。

对于Ex：如果日期是，01 / Jan / 1970 10:00 AM，01 / Jan / 1970 10:30 AM，01 / Jan / 1970 11:00 AM等，我想显示x -axis标签：

01 / Jan / 1970 10:00 AM，10：30 AM，11：00

我该怎么做？

$(function () {
    $('#container').highcharts({
        xAxis: {
            type: 'datetime',
            labels: {
            formatter: function() {
                return Highcharts.dateFormat('%d/%b/%Y %H:%M %p', this.value);
            }
        }
        },
        series: [{
            data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0]
        }, {
            data: [144.0, 176.0, 135.6, 148.5, 216.4, 194.1]
        }]
    });
});

Sample

Answer 1

您可以将带有开始日期的条件放在标签格式化函数中：

labels: {
    formatter: function () {
              if (this.value == Date.UTC(2010, 0, 1))
                return Highcharts.dateFormat('%d/%b/%Y %H:%M %p', this.value);      
              else 
                return Highcharts.dateFormat('%H:%M %p', this.value);
               }
 }

检查更新后的jsFiddle

highcharts - 避免在不同时间在x轴上重复相同的日期

1 个答案: