包含多个系列的Highchart Treemap，应该显示实时热图

Question

我正在尝试创建一个包含多个系列的TreeMap，我为其创建了JS-Fiddle

系列：1如下所示

对于每个点，定义了一种颜色。但在我的情况下，很难定义没有颜色。

以下树形图的数据集位于

下方

var _Dataset1

  = [{
  name: 'A',
  value: 6,
  color: '#80FF00'
}, {
  name: 'B',
  value: 6,
  color: '#ADFF30'
}, {
  name: 'C',
  value: 4,
  color: '#00FF7F'
}, {
  name: 'D',
  value: 3,
    color: '#90EE90'
}, {
  name: 'E',
  value: 2,
    color: '#8EBC8E'
}, {
  name: 'F',
  value: 2,
 color: '#3CB371'
}, {
  name: 'G',
  value: 1,
color: '#2E8A57'
}];

系列2：如下所示，它完全适用于没有指定数据点的颜色。

以上数据集如下。

var _Dataset2

  = [{
  name: 'mango',
  value: 6,
  color:1
}, {
  name: 'Mango1',
  value:36,
  colorValue: 22
}, {
  name: 'Orange',
  value: 4,
  colorValue: 3
}, {
  name: 'Pomgranate',
  value: 3,
  colorValue: 4
}, {
  name: 'Guava',
  value: 2,
  colorValue: 5
}]

上面的系列（Treemap）的样式应该如下所示。 相同的小提琴是here

Answer 1

仅当为图表定义颜色轴（包含在热图模块中）时，才能使用

colorValue属性。渲染颜色轴代替图例，不再使用图例。

我建议您使用color属性作为第二个系列的分数。

API参考： https://api.highcharts.com/highcharts/series.treemap.data.colorValue

修改

在我更仔细地检查此问题后，我注意到colorAxis.showInLegend导致系列图例项目未显示。

我在此处报告并提出 workarond ：https://github.com/highcharts/highcharts/issues/8140