Google圖表欄圖表寬度

Question

我正在使用條形圖Google Visualization。 我對第一個和最后一個數據點繪制數據點的方式有疑問。

如您所見，第一個數據點（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);
  }

Answer 1

您的代碼沒有顯示數據表，但是我們可以猜測第一列的值是數字。 柱形圖的繪制方式中存在一個錯誤，使得第一條和最后一條柱有一半不在圖表中。 您可以自己確定最小值和最大值，然后將viewWindow.min和max選項設置為數據的min和max加上條形寬度的一半來進行補償。

但是，此錯誤已在最新版本中修復，因此您無需在此之后進行解決。 如果將google.load調用更改為使用“ 1.1”而不是“ 1”，則應該能夠看到該修復程序。