Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/ms-access/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 谷歌图表工具摆脱了水平间距_Javascript_Coffeescript_Google Visualization - Fatal编程技术网

Javascript 谷歌图表工具摆脱了水平间距

Javascript 谷歌图表工具摆脱了水平间距,javascript,coffeescript,google-visualization,Javascript,Coffeescript,Google Visualization,我有一个柱状图,我想用ColumnCharts来渲染,我按照教程做了,结果得到了: 注意图表两端的间距(尤其是左侧,因为右侧有一些非常小的列) 我尝试使用viewWindow,但似乎没有什么特别的效果。这是用来绘制它的代码(咖啡脚本)。由于数据相当大,为了节省空间,数据被截取 data = google.visualization.arrayToDataTable([ labels, bardata ]) # The labels are ["x", "l

我有一个柱状图,我想用
ColumnCharts
来渲染,我按照教程做了,结果得到了:

注意图表两端的间距(尤其是左侧,因为右侧有一些非常小的列)

我尝试使用
viewWindow
,但似乎没有什么特别的效果。这是用来绘制它的代码(咖啡脚本)。由于数据相当大,为了节省空间,数据被截取

    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"
    )

这个问题可能与您的数据有关。例如,如果我制作此图表:

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"}}
      );
}
由于零,图表的左/右有很多空白(我猜在极端情况下有很多零)

你的数据也让我有点困惑——你说你有很多不同的行,但是直方图只是一对X-Y数据,所以颜色的使用(区分系列)与标准直方图有点不同


如果上述内容无法回答您的问题,请将您的数据包括在内,以便我们更好地了解您的意图(如有必要,请匿名)。

数据非常大,但您是对的:这是因为右侧的数据非常小。不知道我切换显示器时左端是什么样子。我还滥用了GoogleDataTable,使用列而不是行。你的轴是连续的吗?如果没有,则无法设置ViewWindow(或者可以设置它,但它不会做任何事情)。如果你使用的是一个连续的轴,但它不工作,那么我不知道为什么。