値に応じてハイチャートヒートマップポイントが透明になる

Question

NHLのショット周波数をショットの座標で示すヒートマップを作成しようとしています。私はチャートの背景イメージをこのイメージに設定しました：これは、座標系に完全に並んでいます。これは私がそれを介してデータを入れた結果である：

ここ

は、（色は白から赤に行く）私が使用していますcolorAxis設定で

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

はminColorを設定する方法はあります透明にするには？その場所のショット数が0に近い場合、レンリンクの画像をより良く見ることができたら大好きです。ハイチャートの他の場所は、透明にしたいときはいつでも色をnullに設定しているようですが、このパラメータではうまくいかないようです。

アイデア？

Answer 1

統計的には、minColor: '#FFFFFF';は実際にはoutlierです。ヒートマップの色調がとなるように、白と赤の間にがあると考えられます。

ヒートマップで見るには、ショット数がゼロに近い（異常値）ほど重要ではない場合。あなたのコードの中で意味のある最小のショット数を増やしてください。

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

実際の透過性がまだ必要な場合は、 rgba(255,255,255,0)を使用できます。

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

最後のパラメータは（完全に透明）から（完全に不透明）の範囲アルファ又は不透明あります。