Leyenda de formateo y eje en Google Charts

Question

Soy nuevo con Google Charts y no puedo obtener un buen resultado con los textos que rodean el gráfico.

Este es el aspecto de mi carta:

Como se puede ver, no un arma de doble eje horizontal y leyendas, por lo que el resultado final no es tan buena como podría ser. ¿Hay una manera de resolver esto? He estado leyendo el official documentation y algunas publicaciones desde aquí, pero no he encontrado la manera de hacerlo.

Recap: ¿Cómo modificamos la leyenda o los textos del eje para que sean completamente visibles?

Answer 1

Después de un tiempo experimentando, me atrevo a decir que no es posible elegir qué parte de las palabras de la leyenda o el eje puede mostrar.

Sin embargo, puede jugar con sus tamaños y posición para que obtenga, más o menos, lo que estábamos buscando. Esto es lo que se puede hacer:

legend: {position: 'top', textStyle: {fontSize: 14}} 

También he hecho a la imagen un poco más grande para que se ajuste el eje x sin problemas (Hubo también la opción de hacer el texto más pequeño).

Así que haciendo esto, esto es lo que se obtiene:

Answer 2

Su básicamente sobre cómo fijar el área del gráfico vs anchura/altura.

width: [yourChoice]px, 
chartArea: {width: '50%'} 

ref https://stackoverflow.com/a/6870732/661584

También como dice @ArcDare usando las otras opciones de estilo disponibles, tales como tamaño de fuente, etc.

Answer 3

Para optmized área del gráfico,

eje

chartArea: {'width': '90%', 'height': '60%'}, 
legend: { position: 'bottom' }, 
hAxis : { textStyle : { fontSize: 10} }, 
vAxis : { textStyle : { fontSize: 10} }, 

El truco está fijando textStyle fontsize permitirá una mejor ubicación de la leyenda en la parte inferior del gráfico, ya que el Área del gráfico es aproximadamente 60-70%

Siéntase libre de utilizar mi plugin de Google Charts personalizado que crea el gráfico y la tabla. https://github.com/cosmoarunn/gapiExt