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

时间:2019-01-03 06:50:06

标签: highcharts heatmap

我必须创建带有分组类别的热图,如下图所示。 Highcharts - Heatmap with Grouped categories - required funtionality

到目前为止,我只能实现以下功能。 Highcharts - Heatmap with Grouped categories - achieved funtionality 我的代码笔的链接是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).

尝试了不同的方法之后,我不知道没有直接的方法,也不能调整现有的属性来实现所需的功能。

因此,我考虑为每个单独的类别实施一个热图。但是这种方法的问题是,我最终将对每个单独的热图使用不同的色轴。 我已经回答了一个颜色轴,用于多个热图Highcharts: multiple heatmaps with shared color bar,但我不明白如何在我的情况下使用它。

有人可以建议我采用其他方法来实现我的功能吗?

1 个答案:

答案 0 :(得分:0)

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

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