javascript - Highcharts 在 X 轴上显示月份日期(来自 JSON 文件)。 tickInterval : not work?

Question

我还有一个关于 Highcharts 图表的问题。一个 PHP 文件返回一个包含许多元素的 JSON，两个字段的组合(名称:日期，整数:)。我需要 Highcharts 在 X 轴上绘制月份的所有日期。 JSON链上的元素都是同月的。 我尝试了 tickInterval 的许多 sintaxis(放 1，或放 24 * 3600 * 1000，...)，但不起作用! 提前致谢!!!

注意:我试图复制 jsFiddle 中的代码，但没有用......既不使用 jsFiddle :(......抱歉! JSFiddle

谢谢 wergeld!! JSFiddle

从 PHP 文件返回的 JSON 链:

[{"name":"Sant Iscle 60","data":[[1398902400000,4],[1399939200000,1]]},{"name":"Sant Iscle 62","data":[[1399939200000,2]]},{"name":"Laboratorio Comp.","data":[[1400025600000,2]]}]

Javascript 文件:

chart = new Highcharts.Chart({
chart: {
renderTo: 'divStatsGrupo',
plotBackgroundColor: null,
plotBorderWidth: null,
plotShadow: false,
type: 'column'
},

title: {
    text: tituloMes
},
    tooltip: {
    formatter: function() {
    return Highcharts.dateFormat('%d/%m/%Y',new Date(this.x)) + '<br/>' +'Alarmas: ' + this.y                       
    }   
    },

xAxis: {
     type: 'datetime',
tickInterval: 1,  //<------NOT WORKING?¿
    labels: {
    style: {
        fontSize: '13px',
        fontFamily: 'Arial,sans-serif'
        }
    },
    dateTimeLabelFormats: { // don't display the dummy year
     day: '%e. %b',
     }
        },
  yAxis: {
    tickInterval: 1,    
    title: {
    text: 'Total alarmas'
    },
    allowDecimals: false,
    min: 0
    },
series : data,                      
});
});

图片说明:

非常感谢您!!!

编辑并解决! ...再次感谢 Jerko! ...请参阅以下答案以获取解决方案!

Answer 1

这是 Highcharts 中柱形图和条形图的常见问题。您需要在 plotOptions

下添加 pointRange

此外，一天的 tickInterval 是 24*3600*1000 而不是 1(x 轴以微秒为单位)

这是工作 fiddle http://jsfiddle.net/nah67/3/

plotOptions: {
    series: {
        pointRange: 24 * 3600 * 1000 // one day
    }
}

附言我从您的代码中删除了一些注释，因为它们分散了我的注意力:)