Highcharts热图没有固定的非时间轴

Question

我想使用热图，但不是固定类别。

我找到的所有示例（例如http://jsfiddle.net/tZ6GP/19/）都只有日期轴或固定类别，但我想在图表上设置热图框，其轴在轴上没有预定义的类别。

Highcharts.chart('customContainer', {
        title: {
            text: 'Wealth Development'
        },
        xAxis: {
            min: Date.UTC(2017,1,1),
            max: Date.UTC(2023,1,1),
            type: 'datetime',
            dateTimeLabelFormats: {
                year: '%Y'
            }
        },
        yAxis: {
            min: 0,
            max: 8000,
            title: {
                text: 'Wealth'
            },
            labels: {
                formatter: function () {
                    return this.value / 1000 + 'K';
                }
            }
        },
        series: [
            {
                type: 'heatmap',
                name: 'SAA heat',
                rowsize: 3600000 * 24 * 365,
                colsize: 1000,
                data: [
                    { x: Date.UTC(2017,1,1), y: 4000 }
                ]
            }
        ]
    });

结果应该是一个列大小为1000且行大小为1年的框。但它有一个奇怪的结果，例外：RangeError：超出最大调用堆栈大小

有人试图生成这样的热图吗？你是怎么做到的？

我最终会尝试使用以下内容：

图表中的颜色应包含许多框，以便在将鼠标悬停在框区域时显示某些值。所以彩色区域就像网格中的很多盒子一样。区域范围是我无法理解的，因为低点和高点都集中在悬停，而不是区域。

有人可以帮我解决这个问题吗？