it-swarm.it

Google Charts (JS): esiste un modo per utilizzare uno sfondo trasparente su un grafico?

Sto usando l'API Google Charts per includere vari grafici su una webapp su cui sto lavorando. Sto usando gli strumenti grafici javascript (non gli strumenti del grafico immagine e mi chiedo se sia possibile utilizzare uno sfondo trasparente su un grafico (ad esempio grafico a linee, grafico a torta, ecc.)?

57
johneth

Nelle opzioni di configurazione del grafico, specificare 

backgroundColor: { fill:'transparent' }

Questo ha funzionato per me in Chrome e Firefox . Mi ci è voluto del tempo per scoprire . La pagina doc dice che puoi inserire solo stringhe di colori HTML e presumo che "trasparente" non sia uno di questi.

137
maxjakob

Impostazione di uno sfondo trasparente per i grafici di Google:

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

DEMO JSFIDDLE

7
Porta Shqipe

backgroundColor: "00000000" ha funzionato per me.

4
Rafa Llorente

Se non funziona nulla, prova a localizzare il rettangolo di sfondo alla fine della funzione drawChart () e aggiungi l'attributo fill-opacity.

 fill-opacity="0.0"

Esempio:

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

Usa il selettore eq :() per selezionare il rettangolo che vuoi rendere trasparente.

3
Jonas Littau

Sulla sinistra del carrello c'è una freccia a discesa: fai clic su di essa e vai a "diagramma cop". 

Quando si incolla il grafico, è ancora possibile scegliere di collegarlo e verrà incollato con lo sfondo trasparente.

0
Zach Simons