values haxis google column chart bar google-visualization truncated axis-labels

google-visualization - column - haxis google chart



Google Chart Tools truncando las etiquetas del eje y (2)

Trabajando con un gráfico de barras de Google , esto es lo que obtuve:

Aquí mis opciones personalizadas.

var options = { width: 500, height: 240, legend : ''none'', vAxis:{title:''Answers'',textStyle:{color: ''#005500'',fontSize: ''12'', paddingRight: ''100'',marginRight: ''100''}}, hAxis: { title: ''Percentage'', textStyle: { color: ''#005500'', fontSize: ''12'', paddingRight: ''100'', marginRight: ''100''} } };

¿No puedo establecer un ancho para estas etiquetas <g> / <rect> ?


Creo que la opción chartArea.left es lo que está buscando. Intente algo como esto, y juegue con los valores de chartArea.left y chartArea.width (aunque debería sumar su ancho total de 500) hasta que todas las etiquetas y estén visibles:

var options = { width: 500, height: 240, legend : ''none'', vAxis:{title:''Answers'',textStyle:{color: ''#005500'',fontSize: ''12'', paddingRight: ''100'',marginRight: ''100''}}, hAxis: { title: ''Percentage'', textStyle: { color: ''#005500'', fontSize: ''12'', paddingRight: ''100'', marginRight: ''100''} }, chartArea: {left:100, width: 400} };


chartArea ancho se puede establecer en porcentaje. chartArea: {ancho: 50%}. Esto dejará hasta el 50% del ancho total del gráfico en la columna de la izquierda.