4

HTML5プロジェクトでGoogleChartを使用しています。これは、グラフをプロットするために（DBから）JSON値を取得します。

JSON値のデータが5から6を超える場合は、スクロールバーが必要です。JSFiddleを介してサンプルの添付リンクを作成しました。

現在私は22の値を与えました。JSON値に3つまたは4つの値がある場合、同じ効果が必要です。JSONに50の値がある場合でも、バーの幅に変更はありません。同じ幅を維持する必要があります。

どうもありがとうございました。:)

ここにリンクがあります：-http: //jsfiddle.net/gK9r7/

4

1 に答える 1

9

解決策は次のとおりです：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のoverflow-xを設定します。

#chart_div {
 overflow-x: scroll;
 overflow-y: hidden;     
 width: 500px;
 height: 550px;
}
于 2012-08-27T06:25:27.697 に答える