2010-05-13 6 views
3

J'ai un graphique similaire à celui ci-dessous à l'aide de l'API de visualisation Google. Mon problème est que sur le côté droit de l'endroit où la clé est pour ce graphique (où il est dit bas, moyen, haut) il y a trop d'espace blanc. Comment puis-je me débarrasser de cet espace blanc?Espacement de visualisation Google

alt text http://blog.securitymonks.com/wp-content/uploads/2010/04/googlecolumn.png

+0

Les tracés 3D sont inutilement difficiles à lire. S'il vous plaît soyez gentil avec votre public et utilisez un tracé 2D à la place. – Thomas

+0

Je suis, celui sur la photo ci-dessus n'est pas celui que j'utilise, c'est juste l'image la plus proche que je pourrais trouver à celle que j'utilise. – Mike

Répondre

2

Comme une sorte de travail autour j'ai fini par faire juste le graphique plus large et en utilisant overflow: hidden sur les contenant Div. Si quelqu'un sait si l'API permet de réduire l'espace blanc, faites le moi savoir.

6

Vous pouvez jouer avec la largeur et la hauteur des pourcentages & valeurs de largeur et de hauteur dans des options variables et même pousser la légende vers le bas comme une seule ligne. Passez ensuite les options au graphique que vous dessinez.

var options2 = { width: 265, height: 200, 
      chartArea: { left: 60, top: 20, width: "100%", height: "60%" }, 
      isStacked: true, allowHtml: true, 'legend': 'bottom', titleTextStyle: { color: 'green', fontFamily: 'Arial', fontSize: 16 }, legendTextStyle: { color: '#666666' }, 
      vAxis: { title: 'Liters', titleTextStyle: { color: 'blue', fontName: 'Arial', fontSize: 10 }, textStyle: { fontSize: 9} }, 
Questions connexes