Highchart 热图：为什么只显示每隔一个数据值？

Question

为什么在此高热图中 fiddle jsfiddle 仅显示每秒的数据值？我喜欢显示所有值。有什么选择吗？

要显示的数据较多。但我喜欢在热图中显示每个元素的所有值。也许我需要调整它的大小？使用较小的热图效果很好。显示所有数据。但如果我添加更多数据，值将不会显示在每个单元格上。

希望你能帮上忙？

js中代码完整fiddle。我在这里缩短了代码。

    function getPointCategoryName(point, dimension) {
    var series = point.series,
        isY = dimension === 'y',
        axis = series[isY ? 'yAxis' : 'xAxis'];
    return axis.categories[point[isY ? 'y' : 'x']];
}

Highcharts.chart('container', {

    chart: {
        type: 'heatmap',
        marginTop: 40,
        marginBottom: 80,
        plotBorderWidth: 1
    },

    series: [{
        name: 'TEST',
        borderWidth: 1,
        data: [[0, 0, 1],[0, 1, 2],[0, 2, 3],[0, 3, 4],[0, 4, 5],[0, 5, 6],[0, 6, 7],[0, 7, 8],[0, 8, 9],[0, 9, 10],[0, 10, 11],[0, 11, 12],[0, 12, 13],[0, 13, 14],[0, 14, 15],[0, 15, 16],[0, 16, 17],[0, 17, 18],[0, 18, 19],[0, 19, 20],[0, 20, 21],[0, 21, 22],[0, 22, 23],[0, 23, 24],[0, 24, 25],[0, 25, 26],[0, 26, 27],[0, 27, 28],[0, 28, 29],[0, 29, 30],[0, 30, 31],[1, 0, 32],[1, 1, 33],[1, 2, 34],[1, 3, 35],[1, 4, 36],[1, 5, 37],[1, 6, 38],[1, 7, 39],[1, 8, 40],[1, 9, 41],[1, 10, 42],[1, 11, 43],[1, 12, 44],[1, 13, 45],...],
        dataLabels: {
            enabled: true,
            color: '#000000'
        }
    }],

    responsive: {
        rules: [{
            condition: {
                maxWidth: 500
            },
            chartOptions: {
                yAxis: {
                    labels: {
                        formatter: function () {
                            return this.value.charAt(0);
                        }
                    }
                }
            }
        }]
    }

});

Answer 1

标签彼此靠得太近，有些标签被隐藏了。要显示所有这些，请启用 allowOverlap 属性:

dataLabels: {
  ...,
  allowOverlap: true
}

现场演示： https://jsfiddle.net/BlackLabel/3nfpb8cu/

API参考：https://api.highcharts.com/highcharts/series.heatmap.dataLabels.allowOverlap

Highchart 热图：为什么只显示每隔一个数据值？

Highchart Heatmap: Why only every second datavalue is displayed?

heatmap

highcharts