Google Chart（JS）-チャートで透明な背景を使用する方法はありますか？

Question

Google Charts API を使用して、作業中のWebアプリにさまざまなグラフを含めています。私はjavascriptチャートツールを使用しています（not画像チャートツール）、そしてチャートで透明な背景を使用することが可能かどうか疑問に思っています（例えば折れ線グラフ、円グラフなど）？

Answer 1

チャートの構成オプションで、指定します

backgroundColor: { fill:'transparent' }

これは、ChromeとFirefoxで機能しました。 find 。 doc page は、HTMLカラー文字列のみを入力でき、「透明」はそれらの1つではないと想定しています。

Answer 2

Googleチャートの透明な背景の設定：

// Set chart options
var options = {'title':'Chart Title',
'width':600,
'height':300,
'backgroundColor': 'transparent',
'is3D':true
};

JSFIDDLE DEMO

Answer 3

backgroundColor：「00000000」は私のために働いた。

Answer 4

何も機能しない場合は、drawChart（）関数の最後に背景の四角形を配置して、fill-opacity属性を追加してみてください。

 fill-opacity="0.0"

例：

$('#mychart').find('svg rect:eq( 1 )').attr('fill-opacity','0.0');

Eq :(）セレクターを使用して、透明にする長方形を選択します。

Answer 5

カートの左側にドロップダウン矢印があります-それをクリックして、「警官チャート」に進みます。

グラフを貼り付けても、リンクを選択することができ、背景が透明な状態で貼り付けられます。