javascript - Highcharts条形图x轴不一致行为

Question

我有包含每日数据的图表，我通过在 minDate 中指定名为 minDate 和 maxDate 的范围来创建以一小时为间隔的 x 轴，指定 minDate 当天的开始时间，并在 maxDate 中指定第二天的开始时间。即用户选择 20/aug/2015，minDate 将为 20-08-2015 00:00:00:00，maxDate 将为 21-08-2015 00:00:00:00(以毫秒为单位)。

代码如下:

dateRangeFromMilli: function(startDate, noOfDays){
        var minMax = [],
            oneDayMilli = 24 * 60 * 60 * 1000,
            firstDate = new Date(startDate);
        minMax.push(firstDate.getTime());

    for(var i = 1; i < noOfDays ; i++) {
        minMax.push(firstDate.getTime() + oneDayMilli);
    }

    return minMax;
},

var $date = $("#selDate"),
        minMax = HSDateUtils.dateRangeFromMilli($date.val(), 2);

Highcharts.setOptions({
   global: {
            useUTC: false,
            timezoneOffset: new Date().getTimezoneOffset()
   }
});


xAxis: {
       title: {
               enabled: true,
               text: 'Hours'
       },
       type: 'datetime',
       tickInterval: 3600 * 1000,
       min: minMax[0],
       max: minMax[1],
       labels: {
               enabled: true,
               formatter: function (){
                        return Highcharts.dateFormat('%I %p',this.value);
               },
               style:{
                      width:'1px'
               },
               step: 1
               },
       dateTimeLabelFormats: {
               hour: '%I %p'
       },
       plotBands: {
             color: 'rgba(101, 109, 120, 0.2)', // Color value
             from: 0.5, // Start of the plot band
             to: 2.7
          }
      },

数据不一致的图像如下:

请查看 jsfiddle 链接 对于图像 4: http://jsfiddle.net/oa4mo6ww/5/

对于图像3 http://jsfiddle.net/oa4mo6ww/6/

Answer 1

作为解决方法，您可以为系列设置pointRange。 示例:http://jsfiddle.net/641dpb11/1/

这是一个已经报告的错误 - https://github.com/highslide-software/highcharts.com/issues/4184