web-dev-qa-db-fra.com

Google Charts (JS) - existe-t-il un moyen d'utiliser un arrière-plan transparent sur un graphique?

J'utilise l'API Google Charts pour inclure divers graphiques sur une application Web sur laquelle je travaille. J'utilise les outils de graphique javascript (not les outils de graphique d'image) et je me demande s'il est possible d'utiliser un arrière-plan transparent sur un graphique (un graphique à courbes, un graphique à secteurs, etc.)

google-visualization
57
johneth

Dans les options de configuration du graphique, spécifiez 

backgroundColor: { fill:'transparent' }

Cela a fonctionné pour moi dans Chrome et Firefox . Il m'a fallu un certain temps pour savoir . La page doc indique que vous ne pouvez mettre que des chaînes de couleur HTML et j'ai supposé que «transparent» n'en faisait pas partie.

137
maxjakob

Définition d'un fond transparent pour Google Charts:

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

JSFIDDLE DEMO

7
Porta Shqipe

backgroundColor: "00000000" a fonctionné pour moi.

4
Rafa Llorente

Si rien ne fonctionne, essayez de localiser le rectangle d'arrière-plan à la fin de votre fonction drawChart () et ajoutez l'attribut fill-opacity.

 fill-opacity="0.0"

Exemple:

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

Utilisez le sélecteur eq :() pour sélectionner le rectangle que vous souhaitez rendre transparent.

3
Jonas Littau

Sur la gauche du panier, il y a une flèche déroulante - cliquez dessus, puis allez dans "Tableau des flics". 

Lorsque vous collez le graphique, vous pouvez toujours choisir de le lier et le coller avec le fond transparent.

0
Zach Simons