Highchart Heatmaps x轴错误的起始位置

Question

我正在尝试使用一些json数据创建一个热图。

x轴起始位置具有不需要的偏移。

JSFiddle链接：https://jsfiddle.net/dLa09dgb/

这是我的配置：

$('#container').highcharts({

    chart: {
      type: 'heatmap',
      inverted: false
    },

    title: {
      text: 'Highcharts extended heat map',
      align: 'left',
      x: 40
    },

    subtitle: {
      text: 'Temperature variation by day and hour through 2013',
      align: 'left',
      x: 40
    },

    xAxis: {
      title: {
        text: x
      },
      tickPixelInterval: 50,
      tickInterval: 0.1,
      min: 2,
      max: 3
    },

    yAxis: {
      title: {
        text: y
      },
      tickPositions: category,
      startOnTick: false,
      endOnTick: false,
      tickWidth: 1,
      min: 0,
      max: 60,
      tickInterval: 5,
      tickPixelInterval: 50
    },

    colorAxis: {
      min: -100,
      max: 100
    },

    series: [{
      data: dataArr,
      colsize: 1,
      rowsize: 2,
      tooltip: {
        headerFormat: 'Options<br/>',
        pointFormat: '{point.x} {point.y} <b>{point.value}</b>'
      }
    }]

});

任何人都可以帮我解决初始职位。我希望x轴在没有任何额外间距的情况下开始和结束。