Google Chart中的自動寬度滾動條

Question

我在我的HTML5項目中使用Google Chart。它採用JSON值（來自DB）來繪製圖形。

如果JSON值中的數據大於5到6，我需要一個滾動條。 我已經通過JSFiddle創建了附加示例鏈接。

目前我給出了22個值。當JSON值有3或4個值時，我需要相同的效果。即使JSON有50個值，它也應該保持相同的寬度。

請給我解答，非常感謝。 :)

這裏是鏈接： - http://jsfiddle.net/gK9r7/

Answer 1

這裏的解決方案：http://jsfiddle.net/hsakX/

設置bar.groupWidth選項固定條的​​寬度。然後使圖表顯示條寬和條數的函數的寬度：

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

設置上包含div溢出-X滾動：

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