Google图表工具摆脱了水平间距

Question

我有一个直方图，我想用ColumnCharts进行渲染，我按照教程进行了操作并得到了结果：

请注意图表两端的间距（特别是左侧的右侧有一些非常小的列）

我尝试使用viewWindow，但似乎没有特别的效果。这是用于绘制它的代码（coffeescript）。数据被剪断以节省空间，因为它们相当大

    data = google.visualization.arrayToDataTable([
      labels, bardata
    ])

    # The labels are ["x", "label for each column" ....]
    # bardata is [number, number, number] (these numbers are the height of the column)


    chart = new google.visualization.ColumnChart(document.getElementById("enrollment-total-chart"))
    chart.draw(data,
      width: 400
      height: 300
      hAxis:
        title: "Number of students"
      vAxis:
        title: "Number of schools"
      viewWindow:
        max: "auto"
        min: 0
      viewWindowMode: "explicit"
      legend: position: "none"
    )

Answer 1

问题可能与您的数据有关。例如，如果我制作此图表：

function drawVisualization() {
  // Create and populate the data table.
  var data = google.visualization.arrayToDataTable([
    ['x', 'A', 'B', 'C', 'D', 'E', 'F'],
    ['A',  0,   0,   3,   4,   5,   0],
  ]);

  // Create and draw the visualization.
  new google.visualization.ColumnChart(document.getElementById('visualization')).
      draw(data,
           {width:600, height:400,
            hAxis: {title: "Year"}}
      );
}

由于零点，图表左侧/右侧有很多空白区域（我的猜测是你在极端情况下有很多零点）。

我对你的数据有点困惑 - 你说你有很多不同的行，但直方图只是一对XY数据，所以使用颜色（区分系列）有点不同于标准直方图。

如果以上内容没有回答您的问题，请您提供一下您的数据，以便我们能够更好地了解您尝试做的事情（必要时进行匿名处理）。