2013-12-09 117 views
6

我正在使用Google圖表API,並將折線圖(見下文)轉換爲列圖表,但列寬度根據數據列的數量而變化。如果我將鼠標懸停在上面,它會告訴我正確的日期,但是由於列的寬度不斷變化,您實際上無法準確地看到列應該代表的日期。一個點可以工作,所以我可以恢復到一個折線圖,但是一列對於我使用的數據集看起來更好。任何想法如何解決這個問題?谷歌圖表/可視化列寬

日期是動態的,所以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

如何設置最大groupWidth的酒吧 –

+0

或者你也可以設置欄:{groupWidth:'50%'}如果要改用%的像素 – user3655574