Javascript Highcharts热图点的透明度取决于值

我试图制作一张热图，通过镜头的坐标显示NHL中的镜头频率。我将图表的背景图像设置为该图像：该图像与坐标系完美对齐。这是我把数据放在上面的结果：

以下是我正在使用的colorAxis设置（颜色从白色变为红色）

有没有办法将minColor设置为透明？如果该位置的镜头数接近0，我希望能更好地看到溜冰场的图像。highcharts中的其他位置似乎会在需要透明度时将颜色设置为

null

，但这似乎不适用于此参数

---

有什么想法吗？

从统计学的角度来看，

minColor:'ffffffff'

实际上是您的异常值。您很可能期望热图色调介于白色和红色之间

如果放炮次数接近零（异常值）在热图中不太重要；只需在代码中增加最小有意义的快照计数，如

colorAxis: {
    min: 3,
    minColor: '#FFFFFF',
    maxColor: '#FF0000'
}

如果你仍然需要真正的透明度；您可以使用

rgba（255255,0）

---

最后一个参数是alpha或不透明度，范围从0（完全透明）到1（完全不透明）。

也许您可以删除背景图像的白色（使其透明）并将其覆盖在热图上？

colorAxis: {
    min: 3,
    minColor: '#FFFFFF',
    maxColor: '#FF0000'
}

colorAxis: {
    min: 0,
    minColor: 'rgba(255,255,255,0)',
    maxColor: '#FF0000'
}