使用 Highcharts 创建具有分组类别的热图

Question

我必须创建一个具有分组类别的热图，如下图所示。

我目前只能实现以下功能。我的 codepen 的 link 是 https://codepen.io/DukeBoy200/pen/xmpYxo?editors=1010#0。到目前为止，我所做的工作存在的问题是所有三个类别中的所有行只有一个公共颜色轴。但是我需要按每个类别中的每个单独的行对颜色轴进行分组。我的意思是，我在代码中提到的热色停止，

[0, '#00FF00'],
[0.3, '#ADFF2F'],
[0.6, '#FFFFCC'],
[1, '#FFFF00']

应该应用于类别中的每一行而不是整个热图中。用简单的语言来说，我想为单个分组类别中的单个值设置热值范围。例如，The heat range for the value 'A' for the grouped category 'I' is 4.99 to 7.78 (4.99, 5.68, 5.92 and 7.78).

在尝试了不同的方法之后，我了解到既没有直接的方法也无法调整现有的属性来实现所需的功能。

因此，我想到为每个单独的类别制作一个热图。但是这种方法的问题是我最终会为每个单独的热图使用不同的颜色轴。我已经完成了为多个热图设置一个色轴的答案，但我不明白如何在我的案例中使用它。

有人可以建议我使用不同的方法来实现我的功能吗？

Answer 1

经过大量研究，我了解到在 Highcharts 中无法实现这一点。因此，我为所有三个不同分组类别的每一行创建了一个热图。

This would look like https://codepen.io/DukeBoy200/pen/QzQbXz.

使用 Highcharts 创建具有分组类别的热图

Create a Heatmap with Grouped Categories using Highcharts

heatmap

highcharts