1

我有一个要渲染的直方图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"
    )
4

1 回答 1

0

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

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 数据，所以颜色的使用（区分系列）与标准直方图有点不同。

如果以上内容不能回答您的问题，请您提供您的数据，以便我们更好地了解您正在尝试做什么（必要时匿名）。

于 2013-01-11T09:11:20.040 回答