web-dev-qa-db-ja.com

ハイチャートチャートオプションbackgroundColor： 'transparent' IE 8に黒を表示

HighchartsチャートオプションbackgroundColor:'transparent'IE 8に黒を表示

histogram = new Highcharts.Chart({
            chart: { renderTo: 'histogram', defaultSeriesType: 'bar',
                     backgroundColor:'transparent'
            }

これはI.E 9などでは正常に機能しますが、I.E 8およびSafariでは失敗します。

cssinternet-explorer-8cross-browserhighcharts
79
Nikshep

この解決策を試してください：

histogram = new Highcharts.Chart({
                chart: { renderTo: 'histogram', defaultSeriesType: 'bar',
                         backgroundColor:'rgba(255, 255, 255, 0.0)'
                }
126
Mayuresh

これを試してもらえますか-

backgroundColor: null

参照： jsfiddle

132
Bhesh Gurung

私はこれをHighchartsのソースで見つけました：

TRACKER_FILLの経験的に最も低い不透明度

  • IE6：0.002
  • IE7：0.002
  • IE8：0.002
  • IE9：0.00000000001（無制限）
  • IE10：0.0001（エクスポートのみ）
  • FF：0.00000000001（無制限）
  • クローム：0.000001
  • サファリ：0.000001
  • Opera：0.00000000001（無制限）

TRACKER_FILL = 'rgba（192,192,192、' +（hasSVG？0.0001：0.002）+ '）'

したがって、チャートの背景色を「rgba（255,255,255,0.002）」に設定すると、最も重要なブラウザーで実行されます。

9
nessa.gp

backgroundColor: 'transparent'は、タイプセーフが必要な場合にも機能します。

2
Attila Csányi
backgroundColor:'rgba(255, 255, 255, 0.0)',
0
Pankaj Upadhyay

Highcharts.jsファイルにアクセスできる場合は、backgroundColor行（約479）に移動し、backgroundColor:"rgba(255, 255, 255, 0)"などの行を変更します。チャートのすべての背景を透明に変更します

0
GrooveNow