Highcharts 堆叠列不在x轴上格式化截止日期的时间戳

我已经创建了一个简单的堆叠柱状图和高图表。我处理的数据相当于高图示例： 唯一的区别是我在x轴上有unix时间戳 问题：我的时间戳未正确转换为日期格式：%Y-%m-%d 以下是JSFIDLE：

$（函数（）{
Highcharts.createElement（'link'{
href:'https://fonts.googleapis.com/css?family=Unica+一",，
rel:'样式表'，
键入：“text/css”
}，null，document.getElementsByTagName（'head'）[0]）；
Highcharts.theme={
颜色：[“79ea61”、“2b908f”、“F09448”、“6E8CD0”、“AAEEE”、“ff0066”，
"f45b5b","55BF3B","DF5353","7798BF","aaeeee","eeaaee"
],
图表：{
背景颜色：{
线性梯度：{
x1:0，
y1:0，
x2:1，
y2:1
},
停止：[
[0, '#152036'],
[1，#1b2a47']
]
},
风格：{
fontFamily:“\'Unica One\”，无衬线'
},
plotBorderColor:“#1b2a47”
},
标题：{
风格：{
颜色：“#e0e3”，
textTransform:'大写'，
字体大小：“20px”
}
},
副标题:{
风格：{
颜色：“#e0e3”，
textTransform:'大写'
}
},
xAxis：{
gridLineColor:“#546c9b”，
标签：{
风格：{
颜色：“#e0e3”
}
},
线条颜色：“#546c9b”，
minorGridLineColor:“#546c9b”，
勾选颜色：“#546c9b”，
标题：{
风格：{
颜色：“#e0e3”
}
}
},
亚克斯：{
gridLineColor:“#546c9b”，
标签：{
风格：{
颜色：“#e0e3”
}
},
线条颜色：'#707073'，
minorGridLineColor:“#505053”，
勾选颜色：'#707073'，
宽度：1，
标题：{
风格：{
颜色：'#A0A3'
}
}
},
工具提示：{
背景色：“rgba（0,0,0,0.85）”，
风格：{
颜色：'#f0'
}
},
打印选项：{
系列：{
数据标签：{
颜色：“#e0e3”
},
标记：{
线条颜色：“#333”
}
},
箱线图：{
填充颜色：“#505053”
},
烛台：{
线条颜色：“白色”
},
错误栏：{
颜色：“白色”
}
},
图例：{
项目样式：{
颜色：“#e0e3”
},
项目悬停样式：{
颜色：'#FFF'
},
itemHiddenStyle：{
颜色：“#1b2a47”
}
},
学分：{
风格：{
颜色：“#e0e3”
}
},
标签：{
风格：{
颜色：“#e0e3”
}
},
向下展开：{
activeAxisLabelStyle：{
颜色：“#F0F3”
},
activeDataLabelStyle：{
颜色：“#F0F3”
}
},
导航：{
按钮选项：{
符号行程：“#DDDDDD”，
主题：{
填写：“#1b2a47”，
国家：{
悬停：{
填充：“#546c9b”
},
选择：{
填充：“#546c9b”
}
}
}
}
},
//滚动图表
范围选择器：{
按钮主题：{
填写：“#1b2a47”，
笔划：'#000000'，
风格：{
颜色：“#e0e3”
},
国家：{
悬停：{
填写：“#546c9b”，
笔划：'#000000'，
风格：{
颜色：“#FFFFFF”
}
},
选择：{
填写：“#071023”，
笔划：'#000000'，
风格：{
颜色：“#FFFFFF”
}
}
}
},
inputBoxBorderColor:“#e0e3”，
输入样式：{
背景颜色：“#152036”，
颜色：“#e0e3”，
fontWeight:'粗体'，
国家：{
悬停：{
填写：“#546c9b”，
笔划：'#000000'，
风格：{
颜色：“#FFFFFF”
}
},
选择：{
填写：“#071023”，
笔划：'#000000'，
风格：{
颜色：“#FFFFFF”
}
}
}
},
标签样式：{
颜色：“#e0e3”
}
},
导航器：{
处理：{
背景颜色：“#1b2a47”，
边框颜色：“#7798BF”，
},
大纲颜色：“#546c9b”，
maskFill:“rgba（255255,0.1）”，
系列：{
颜色：“#7798BF”，
线条颜色：“#546c9b”
},
xAxis：{
gridLineColor:“#546c9b”，
标签：{
风格：{
颜色：“#FFF”，
fontWeight:“粗体”
}
}
},
},
滚动条：{
barBackgroundColor:“#1b2a47”，
barBorderColor:“#1b2a47”，
按钮颜色：“#FFF”，
按钮背景颜色：“#1b2a47”，
按钮顺序颜色：“#1b2a47”，
里夫颜色：“#FFF”，
trackBackgroundColor:“#152036”，
trackBorderColor:“#152036”
},
//一些特殊的颜色
/*legendBackgroundColor:“rgba（0,0,0,0.5）”，
背景2:"505053",，
dataLabelsColor:“#b0b3”，
textColor:“#FFF”，
对比度文本颜色：'#f0f3'，
maskColor:“rgba（255255,0.3）”*/
};
//应用主题
设置选项（Highcharts.theme）；
var图表=新的Highcharts.图表({
图表：{
renderTo:'容器'，
类型：“列”
},
标题：{
正文：“概率高于1.5”
},
副标题:{
文字：“Prob大多数时间为0，但在2010年初将开始有一个阴影在上面”
},
xAxis：{
键入：“日期时间”，
标签：{
格式：“{值：%Y-%m-%d}”
},
时间间隔：24*3600*1000，
},
亚克斯：{
分:0,，
最高：1.5，
标题：{
文字：“温度”
}
},
工具提示：{
headerFormat:“{point.key}”，
pointFormat:“{series.name}:”+
“{point.y:.1f}C”，
页脚格式：“”，
沙
$(function() {
  Highcharts.createElement('link', {
    href: 'https://fonts.googleapis.com/css?family=Unica+One',
    rel: 'stylesheet',
    type: 'text/css'
  }, null, document.getElementsByTagName('head')[0]);

  Highcharts.theme = {
    colors: ['#79ea61', '#2b908f', '#F09448', '#6E8CD0', '#aaeeee', '#ff0066',
      '#f45b5b', '#55BF3B', '#DF5353', '#7798BF', '#aaeeee', '#eeaaee'
    ],
    chart: {
      backgroundColor: {
        linearGradient: {
          x1: 0,
          y1: 0,
          x2: 1,
          y2: 1
        },
        stops: [
          [0, '#152036'],
          [1, '#1b2a47']
        ]
      },
      style: {
        fontFamily: '\'Unica One\', sans-serif'
      },
      plotBorderColor: '#1b2a47'
    },
    title: {
      style: {
        color: '#E0E0E3',
        textTransform: 'uppercase',
        fontSize: '20px'
      }
    },
    subtitle: {
      style: {
        color: '#E0E0E3',
        textTransform: 'uppercase'
      }
    },
    xAxis: {
      gridLineColor: '#546c9b',
      labels: {
        style: {
          color: '#E0E0E3'
        }
      },
      lineColor: '#546c9b',
      minorGridLineColor: '#546c9b',
      tickColor: '#546c9b',
      title: {
        style: {
          color: '#E0E0E3'

        }
      }
    },
    yAxis: {
      gridLineColor: '#546c9b',
      labels: {
        style: {
          color: '#E0E0E3'
        }
      },
      lineColor: '#707073',
      minorGridLineColor: '#505053',
      tickColor: '#707073',
      tickWidth: 1,
      title: {
        style: {
          color: '#A0A0A3'
        }
      }
    },
    tooltip: {
      backgroundColor: 'rgba(0, 0, 0, 0.85)',
      style: {
        color: '#F0F0F0'
      }
    },
    plotOptions: {
      series: {
        dataLabels: {
          color: '#E0E0E3'
        },
        marker: {
          lineColor: '#333'
        }
      },
      boxplot: {
        fillColor: '#505053'
      },
      candlestick: {
        lineColor: 'white'
      },
      errorbar: {
        color: 'white'
      }
    },
    legend: {
      itemStyle: {
        color: '#E0E0E3'
      },
      itemHoverStyle: {
        color: '#FFF'
      },
      itemHiddenStyle: {
        color: '#1b2a47'
      }
    },
    credits: {
      style: {
        color: '#E0E0E3'
      }
    },
    labels: {
      style: {
        color: '#E0E0E3'
      }
    },

    drilldown: {
      activeAxisLabelStyle: {
        color: '#F0F0F3'
      },
      activeDataLabelStyle: {
        color: '#F0F0F3'
      }
    },

    navigation: {
      buttonOptions: {
        symbolStroke: '#DDDDDD',
        theme: {
          fill: '#1b2a47',
          states: {
            hover: {
              fill: '#546c9b'
            },
            select: {
              fill: '#546c9b'
            }
          }
        }
      }
    },

    // scroll charts
    rangeSelector: {
      buttonTheme: {
        fill: '#1b2a47',
        stroke: '#000000',
        style: {
          color: '#E0E0E3'
        },
        states: {
          hover: {
            fill: '#546c9b',
            stroke: '#000000',
            style: {
              color: '#FFFFFF'
            }
          },
          select: {
            fill: '#071023',
            stroke: '#000000',
            style: {
              color: '#FFFFFF'
            }
          }
        }
      },
      inputBoxBorderColor: '#E0E0E3',
      inputStyle: {
        backgroundColor: '#152036',
        color: '#E0E0E3',
        fontWeight: 'bold',

        states: {
          hover: {
            fill: '#546c9b',
            stroke: '#000000',
            style: {
              color: '#FFFFFF'
            }
          },
          select: {
            fill: '#071023',
            stroke: '#000000',
            style: {
              color: '#FFFFFF'
            }
          }
        }
      },
      labelStyle: {
        color: '#E0E0E3'
      }
    },

    navigator: {
      handles: {
        backgroundColor: '#1b2a47',
        borderColor: '#7798BF',
      },
      outlineColor: '#546c9b',
      maskFill: 'rgba(255,255,255,0.1)',
      series: {
        color: '#7798BF',
        lineColor: '#546c9b'
      },
      xAxis: {
        gridLineColor: '#546c9b',
        labels: {
          style: {
            color: '#FFF',
            fontWeight: 'bold'
          }
        }

      },

    },

    scrollbar: {
      barBackgroundColor: '#1b2a47',
      barBorderColor: '#1b2a47',
      buttonArrowColor: '#FFF',
      buttonBackgroundColor: '#1b2a47',
      buttonBorderColor: '#1b2a47',
      rifleColor: '#FFF',
      trackBackgroundColor: '#152036',
      trackBorderColor: '#152036'
    },

    // special colors for some of the
    /*legendBackgroundColor: 'rgba(0, 0, 0, 0.5)',
    background2: '#505053',
    dataLabelsColor: '#B0B0B3',
    textColor: '#FFF',
    contrastTextColor: '#F0F0F3',
    maskColor: 'rgba(255,255,255,0.3)'*/
  };

  // Apply the theme
  Highcharts.setOptions(Highcharts.theme);
  var chart = new Highcharts.Chart({

    chart: {
      renderTo: 'container',
      type: 'column'
    },
    title: {
      text: 'Probability above 1.5'
    },
    subtitle: {
      text: 'Prob most of the time 0 but in the early 2010 will start to have a shade going above'
    },
    xAxis: {
      type: 'datetime',
      labels: {
        format: '{value:%Y-%m-%d}'
      },
      tickInterval: 24 * 3600 * 1000,
    },

    yAxis: {
      min: 0,
      max: 1.5,
      title: {
        text: 'Temperature'
      }
    },
    tooltip: {
      headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
      pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
        '<td style="padding:0"><b>{point.y:.1f} C</b></td></tr>',
      footerFormat: '</table>',
      shared: true,
      useHTML: true
    },
    plotOptions: {
      column: {
        pointPadding: 0.2,
        borderWidth: 0,
        stacking: 'normal'
      }
    },

    series: [{
      name: 'Timestamp',
      data: [-315622800000, -284000400000, -252400303000, -220864303000, -189328303000, -157705903000, -126169903000, -94633903000, -63097903000, -31475503000, 31596497000, 63132497000, 94754897000, 126290897000, 157826897000, 189362897000, 220985297000, 252521297000, 284057297000, 315593297000, 347215697000, 378751697000, 410287697000, 441823697000, 473446097000, 504982097000, 536518097000, 568054097000, 599676497000, 631212497000, 662748497000, 694220400000, 725842800000, 757378800000, 788914800000, 820450800000, 852073200000, 883609200000, 915145200000, 946681200000, 978303600000, 1009839600000, 1041375600000, 1072911600000, 1104534000000, 1136070000000, 1167606000000, 1199142000000, 1230764400000, 1262300400000, 1293836400000, 1325372400000, 1356994800000, 1388530800000, 1420066800000, 1451602800000, 1483225200000, 1514761200000, 1546297200000, 1577833200000]
    }, {
      name: 'Noneprobability',
      data: [1.5, 1.5, 1.5, 1.5, 1.5, 1.5, 1.5, 1.5, 1.5, 1.5, 1.5, 1.5, 1.5, 1.5, 1.5, 1.5, 1.5, 1.5, 1.5, 1.5, 1.5, 1.5, 1.5, 1.5, 1.5, 1.5, 1.5, 1.5, 1.5, 1.5, 1.5, 1.5, 1.5, 1.5, 1.5, 1.5, 1.5, 1.5, 1.5, 1.5, 1.5, 1.5, 1.5, 1.5, 1.5, 1.5, 1.5, 1.5, 1.5, 1.4, 1.3, 1.2, 1.1, 1, 0.9, 0.8, 0.7, 0.6, 0.5, 0.4]
    }, {
      name: 'Probability',
      data: [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0.1, 0.2, 0.3, 0.4, 0.5, 0.6, 0.7, 0.8, 0.9, 1.0, 1.1]
    }]
  })
});

var timestamps = [-315622800000, -284000400000, ...];

...

var chart = new Highcharts.Chart({

    ...,

    series: [{
        name: 'Noneprobability',
        data: (function() {
            var data = [1.5, 1.5, ...];

            data = data.map(function(el, i) {
                return [timestamps[i], el]
            });

            return data
        })()
    }, ...]
})