javascript - highcharts - 热图底部不需要的空间

Question

我有一个热图，底部有一些我想去掉的空间。我尝试了多个 SO 线程，建议我更改 chart.marginBottom、chart.spacingBottom、x 和 yAxis 边距、禁用图例等。不幸的是，我创建了一个 jsfiddle，但无法重现该问题。 jsfiddle 代码与我的代码几乎相同:http://jsfiddle.net/b637gdxv/1/

chart: {
        type: 'heatmap',
        marginTop: 26,
        marginLeft: 5,
        marginRight: 5,
        marginBottom: 5,

        width: 200, // - width when in one row 
        height: 250,

        borderWidth: 3,
        borderColor: 'grey',
        borderRadius: 5,
        plotBackgroundColor: '#FFFFFF',
        plotShadow: true
    },

这是它在我的页面上的样子的图片:

注意底部的额外空间。抱歉，我无法更具体地定义问题 - 我的页面和 jsfiddle 之间的区别让我难以理解，而且我对 javascript 也不是很有经验。有什么想法可以尝试吗？

Answer 1

深入研究了 highcharts JS 源代码，找到了解决方法!这实际上受到计算轴刻度的逻辑的影响，因此在受影响的轴上将“endOnTick”选项设置为“false”似乎可以解决该问题。例如

yAxis: {
    labels: {
      enabled: false
    },
    endOnTick: false,  // This is the fix
    title: null,
    reversed: true
}

这是一个更新的 jsfiddle，显示了修复:

http://jsfiddle.net/e0av9wm1/

与以下内容比较，其中不包含修复:

http://jsfiddle.net/v1697qhj/