Barra de desplazamiento de ancho automático en Google Chart

Utilizo el Google Chart para en mi proyecto HTML5. que toma los valores JSON (desde DB) para trazar la gráfica.

mi necesidad es tener una barra de desplazamiento si los datos son más de 5 a 6 en el Valor JSON. He creado el enlace adjunto de muestra a través de JSFiddle.

Actualmente he dado 22 valores. Necesito el mismo efecto cuando el valor JSON tiene 3 o 4 valores. No debe haber ningún cambio en el ancho de la barra, debe mantener el mismo ancho incluso si el JSON tiene 50 valores.

Por favor, dame la solución muchas gracias. 🙂

Aquí está el enlace: – http://jsfiddle.net/gK9r7/

Aquí está la solución: http://jsfiddle.net/hsakX/

Establezca la opción bar.groupWidth para arreglar el ancho de las barras. Luego haga que el ancho del gráfico sea una función del ancho de barra y el número de barras que se mostrarán:

var options = { title: 'Company Performance', hAxis: {title: 'Year', titleTextStyle: {color: 'red'}}, width: data.getNumberOfRows() * 65, bar: {groupWidth: 20} }; 

Establezca el overflow-x en el div que contiene para desplazarse:

 #chart_div { overflow-x: scroll; overflow-y: hidden; width: 500px; height: 550px; }