Highcharts热图未呈现正方形

Question

有人可以帮助我了解这里的问题吗。一切似乎都很完美。

http://jsfiddle.net/prakash4mail/nt86gj7z/1/

$(function () {

    $('#container').highcharts({

        chart: {
            type: 'heatmap',
        },
        colorAxis: {
            min: 0,
            minColor: '#FFFFFF',
            maxColor: Highcharts.getOptions().colors[0]
        },


        series: [{
            borderWidth: 1,
            data: [[2020-04-01, 18000, 29060],[2020-04-01, 18500, 9920],[2020-04-01, 19000, 32160],[2020-04-02, 18000, 12400],[2020-04-02, 18500, 91880],[2020-04-02, 19000, 54000],[2020-04-03, 18000, 63540],[2020-04-03, 18500, 43420],[2020-04-03, 19000, 43420]],
            dataLabels: {
                enabled: true,
                color: '#000000'
            },
        }]

    });
});

heatMap showing lines instead of squares

Answer 1

据我了解，您希望获得类似此处所示的内容：http://jsfiddle.net/BlackLabel/o6ywag42/

请注意从Highcharts演示库获得的数据结构如下所示：https://jsfiddle.net/BlackLabel/uofntb4y/-如果要将点保持为正方形，则“ y”值必须一个接一个地增长，例如：http://jsfiddle.net/BlackLabel/o7bgq1pu/

并显示类别的真实比例，可以使用类别功能。

yAxis: {
    categories: ['18000', '18500', '19000']
},

API：https://api.highcharts.com/highcharts/yAxis.categories