Javascript Highchart热图x轴错误的起始位置

我试图用一些json数据创建一个热图

x轴起始位置存在不需要的偏移

JSIDLE链接：

以下是我的配置：

$('#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>'
      }
    }]

});

$（“#容器”）。高图({
图表：{
类型：'热图'，
倒装：错
},
标题：{
文本：“Highcharts扩展热图”，
对齐：“左”，
x:40
},
副标题:{
文字：“2013年前白天和小时的温度变化”，
对齐：“左”，
x:40
},
xAxis：{
标题：{
文本：x
},
像素间隔：50，
时间间隔：0.1，
民:2,，
最高：3
},
亚克斯：{
标题：{
文本：y
},
职位类别：，
startOnTick：错，
恩东蒂克：错，
宽度：1，
分:0,，
最高：60，
时间间隔：5，
像素间隔：50
},
颜色轴：{
最低：-100，
最高：100
},
系列：[{
数据：dataArr，
大小：1，
行数：2，
工具提示：{
headerFormat:“选项
”，
pointFormat:“{point.x}{point.y}{point.value}”
}
}]
});

---

有人能帮我做这个初始位置吗。我希望x轴的起点和终点没有任何额外的间距。

请避免提供截图（或者不要只是截图），我们无法使用它们。相反，也给出一个我们可以修改的提琴或片段。这将使我们更容易重现您的示例并给出明确的答案。您设置了2这样的勾号，但您的数据从大约1开始，同样的情况是在最大值中。@SebastianBochan:是的，这就是问题所在。我还没有找到解决办法。我不确定是否缺少一些配置。如果你有什么解决办法，请告诉我。