2017-04-18 81 views
0

我想通过镜头坐标来制作一个热图,显示NHL中的镜头频率。我将图表的背景图像设置为这个图像:NHL rink image这与坐标系完全一致。这是当我把数据在它的结果:Highcharts热图分值与透明度取决于价值

NHL rink with data

这里是colorAxis设置我使用(颜色从白色到红色)

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

有什么办法来设置minColor是透明的?如果我能够更好地看到溜冰场图像,如果在该位置的拍摄数量接近0,我很乐意。只要他们想要透明度,其他地方在高度图中似乎将颜色设置为null,但对于此参数似乎不起作用。

任何想法?

+0

也许你可以删除背景图像的白色(使透明),并将其覆盖在热图上? –

回答

1

从统计的角度来看,minColor: '#FFFFFF';其实就是你的异常值。你很可能期望在白色和红色之间的热图地图色调

如果镜头计数接近于零(异常值)在热图中看不到那么重要;只需增加代码中最小有意义的镜头计数就好了;

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

如果您仍然需要真正的透明度;你可以使用rgba(255,255,255,0);

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

的最后一个参数是阿尔法不透明度从(完全透明)至(完全不透明)。