1

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

阴谋

如您所见，第一个数据点（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);
  }
4

1 回答 1

1

您的代码没有显示数据表，但我们可以猜测第一列的值是数字。柱形图的绘制方式存在一个错误，使得第一个和最后一个条形图的一半不在图表上。您可以通过自己确定最小值和最大值来补偿，并将 viewWindow.min 和 max 选项设置为您的数据最小值和最大值加上一半的条形宽度。

但是，此错误已在最新版本中得到修复，因此您无需在此之后解决它。如果您将 google.load 调用更改为使用“1.1”而不是“1”，您应该能够看到该修复。

于 2013-06-23T20:29:16.993 回答