2013-06-23 125 views
1

我正在使用條形圖谷歌可視化。第一個和最後一個數據點的數據點繪製方式有問題。谷歌圖表柱形圖寬度

Plot

如,可以看到,第一個數據點(一個1985之前)和最後一個數據點沒有被完全示出。這些寬度減少了。我認爲填充是一些問題。

我使用下面的代碼:

google.load("visualization", "1", {packages:["corechart"]}); 
google.setOnLoadCallback(drawChart); 

function drawChart(dataArray) { 
    var data = google.visualization.arrayToDataTable(dataArray); 

    var options1 = { 
     hAxis: {title: 'Year', titleTextStyle: {color: 'Black', italic: false}, format:''}, 
     vAxis: {gridlines:{count:5}}, 
     colors:['green'], 
     'chartArea': {'width': '90%', 'height': '80%'},   
     sliceVisibilityThreshold:0 //zero value item still show up 
    }; 

    var chart1 = new google.visualization.ColumnChart(document.getElementById('columnChart')); 
    chart1.draw(data, options1); 
    } 

回答

1

您的代碼不顯示數據表,但我們可以猜測,第一列的值是數字。在如何繪製柱形圖時存在一個錯誤,使得第一個和最後一個柱的一半離開圖表。您可以通過自己確定最小值和最大值來進行補償,並將viewWindow.min和max選項設置爲數據最小值和最大值再加上一半條寬度。

然而,這個錯誤正在最近的版本中修復,所以你不需要在那之後解決它。如果您將google.load調用更改爲使用「1.1」而不是「1」,則應該能夠看到該修復。