ホロの欄にハイチャートの凡例記号が表示されない

Question

ハイチャートを使用して棒グラフを表示したいが、棒グラフにはホロの列（境界線を含む透明な列）が表示されます。この目的のため

plotOptions: { 
    series: { 
     color: Highcharts.Color('#000000').setOpacity(0).get('rgba'),//'#000000' 
     borderColor: '#000000' 
    } 
}, 

を次のようにIはcolorとborderColorを設定するが、this jsFiddleに示すように、それは、凡例に直列シンボルを示していません。凡例にシリーズ記号を表示して、列（棒）をホロ（見える境界線で透明）に保つようにしてください。

Answer 1

私は色を設定することによってそれを修正それぞれのシリーズの境界線の色を設定し、thisフィドルのように、透明になるように「塗りつぶし」のCSSスタイルを追加します。

.highcharts-series-group .highcharts-point { 
    fill: rgba(0,0,0,0) 
} 

Answer 2

凡例のシンボルは、色が不透明度0で、セリと同じであるため表示されません。 マーカーの色を設定できるものは見つかりませんでしたが、回避策があります。 凡例ラベルには記号でフォーマットすることができます。これらの記号のいくつかはここにありますhttp://www.fileformat.info/info/unicode/block/geometric_shapes/list.htm

凡例記号が非表示になっている場合は非表示にしてラベルをフォーマットするコードです。

legend: { 
     symbolPadding: 0, 
     symbolWidth: 0.001, 
     symbolHeight: 0.001, 
     symbolRadius: 0, 
     labelFormatter: function() { 
      return "◼ " + this.name; 
    } 
}, 

フルフィドルここhttp://jsfiddle.net/hfuuocdw/2/

Answer 3

私はラベルをカスタマイズするhighchartsからStyle by CSSからのアイデアを使用しています

Fiddle link

CSS

.highcharts-legend-item * { /*for default case*/ 
    fill: black !important; 
} 

.highcharts-legend-item-hidden * { /*when clicked*/ 
    fill: gray !important; 
}