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

highcharts-避免在x轴上用不同的时间重复相同的日期,highcharts,Highcharts,我正在尝试创建一个datetime类型的X轴,其中每个唯一的日期都与时间一起显示,随后的日期标签只显示时间,而不是再次重复相同的日期 例如:如果日期如1970年1月1日上午10:00、1970年1月1日上午10:30、1970年1月1日上午11:00等,我希望显示x轴标签,如: 1970年1月1日上午10:00、上午10:30、上午11:00 我该怎么做 $(function () { $('#container').highcharts({ xAxis: {

我正在尝试创建一个datetime类型的X轴,其中每个唯一的日期都与时间一起显示,随后的日期标签只显示时间,而不是再次重复相同的日期

例如:如果日期如1970年1月1日上午10:00、1970年1月1日上午10:30、1970年1月1日上午11:00等,我希望显示x轴标签,如:

1970年1月1日上午10:00、上午10:30、上午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]
        }]
    });
});

您可以在标签格式化程序函数中设置带有开始日期的if条件:

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);
               }
 }

检查更新的

您的样本没有显示您描述的行为。这是什么时候发生的?根据我的经验,它要么只是显示更改的日期,要么就是时间。艾扎尔:你的例子很好。但是,如果注释/删除PlotOptions块,第一个标签也会显示为缺少时间和日期。我的应用程序中也出现了同样的问题。在我的情况下,我无法设置绘图选项,我需要的是与绘图选项完全相同的行为。我的意思是,我不想配置pointStart/pointInterval,因为我希望图表从我的数据中拾取/确定pointStart。以下是我正在尝试的示例,在Fiddle上工作正常,但在我的应用程序中,它显示所有时间标签。可能是什么问题?可能您的应用程序代码覆盖了某些内容,您是否收到任何错误?我们如何将您的问题复制为实时演示?以下是我的配置。我找到了问题的确切原因。感谢如何解决这个问题。这是小提琴。取消注释第21行会导致从第一个标签中删除日期。