谷歌图表柱形图宽度

Question

我正在使用条形图谷歌可视化。第一个和最后一个数据点的数据点绘制方式有问题。

如，可以看到，第一个数据点（一个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选项设置为数据最小值和最大值再加上一半条宽度。

然而，这个错误正在最近的版本中修复，所以你不需要在那之后解决它。如果您将google.load调用更改为使用“1.1”而不是“1”，则应该能够看到该修复。