2013-12-09 29 views
6

私はGoogle Chart APIを使用しており、折れ線グラフ(下記参照)を縦棒グラフに変換しましたが、データ幅に応じて縦幅が変わります。上にカーソルを置くと、正しい日付が表示されますが、列の幅が変わるため、列が表す日付を実際に正確に見ることができません。ポイントが機能するので、折れ線グラフに戻すことができますが、私が使用しているデータセットの方がカラムがよく見えます。どのようにこの問題を解決するための任意のアイデア?Google Charts/visualisationsカラム幅

日付は動的なので、X軸は可変でなければなりません。

おかげ

// Create a line chart, passing some options 
       var LineChart = new google.visualization.ChartWrapper({ 
        'chartType': 'ColumnChart', 
        'containerId': 'chart_div', 
        'options': { 
         'vAxis': {'title': 'Species Abundance', 'minValue': 0, 'maxValue': 32}, 
         'width': 300, 
         'height': 300, 
         'legend': 'top',   
         'title': 'Selected Site and Species abundance over time' 
        }, 
        'view': {'columns': [0, 1]}, 
       }); 

Example Graphs

答えて

13

あなたは整数(バー群に使用する画素数)にbar.groupWidthオプションを設定することにより、最大幅を設定することができます。このオプションを設定すると、APIはすべてのバーグループ(指定された軸値にあるバーのセット)をこの幅で描画しようとしますが、グラフの設定で必要な場合は、より小さくする必要があります。

bar: { 
    groupWidth: 20 
} 
+0

バー –

+0

のための最大groupWidthを設定したり、あなたがバーを設定するにはどうすればよい:{groupWidth:'50%で '}あなたはピクセルの代わりに%を使用したい場合 – user3655574

関連する問題