具有透明度的Highcharts热图点根据值

时间:2017-04-18 01:47:22

标签: javascript highcharts

我试图制作一个热图,通过镜头的坐标显示NHL中的拍摄频率。我将图表的背景图像设置为此图像:NHL rink image它与坐标系完美对齐。这是我将数据放在上面时的结果:

NHL rink with data

以下是我使用的colorAxis设置(颜色从白色变为红色)

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

有没有办法将minColor设置为透明?我很高兴如果我能看到溜冰场图像更好,如果该位置的拍摄数量接近0,高图中的其他地方似乎只要他们想要透明度就将颜色设置为null,但这似乎不适用于此参数。

有什么想法吗?

1 个答案:

答案 0 :(得分:1)

从统计角度来看,setSmallIcon()实际上是您的离群值。您很可能期望>白色和红色之间的热图色调

如果在热图中看到的点数接近于零(异常值)并不重要;只需在代码中增加最小有意义的镜头数,例如;

minColor: '#FFFFFF';

如果你仍然需要真正的透明度;您可以使用colorAxis: { min: 3, minColor: '#FFFFFF', maxColor: '#FF0000' } ;

rgba(255,255,255,0)

最后一个参数是 alpha 不透明度,范围从 0 (完全透明)到 1 (完全不透明的。)