使用自定义表格数据加载热图

Question

我想创建 n 列的热图

column1,column2, column n 将具有热图值。

在 y 轴上，我最多可以有 6 列。（第一个图像中有 2 列，第二个图像中有 3 列） 以上是不会有热图数据的。

请帮助我向热图提供数据以生成上面的图像（）。

我想知道如何根据我的要求向热图提供数据。

Answer 1

如果你想从谷歌表格中动态下载这些数据，你可以使用 data 模块并使用

googleAPIKey

,

googleSpreadsheetKey

,

googleSpreadsheetRange

和

parsed()

函数来正确解析这些数据。

data: {
    googleAPIKey: 'YOUAPIKEY',
    googleSpreadsheetKey: 'YOUSPREADSHEETKEY',
    googleSpreadsheetRange: 'Sheet1!C1:ZZZ4',
    parsed: function (columns) {
        const chart = this.chart,
                    columnsCopy = [...columns],
                    parsedXCategories = [],
                    parsedYCategories = [],
                    parsedData = [];

        /* 
        Properly parse data and categories from columnsCopy
        (such parsing will differ depending on the structure of the data in spreadsheet, vertical or horizontal)
        */

        chart.update({
            xAxis: {
                categories: parsedXCategories
            },
            yAxis: {
                categories: parsedYCategories
            },
            series: [{
                keys: ['x', 'y', 'value'],
                data: parsedData
            }]
        });

        return false;
    }
},