问如何使用google图表api创建直方图？

EN

Google Charts没有直方图，因为它只是一个可视化库，您必须修改Column Chart以满足您的需求。但是，我怀疑您对柱状图不满意的原因是因为列间距，它看起来不太像直方图。所以我先回答这个问题：

您能控制柱状图中列之间的间距吗？

不，现在不是。请参阅Google Charts Community中的引文

在应用编程接口中不支持控制条间距。如果你愿意深入研究图表的SVG，你也许能够破解它。

所以这是可行的，但需要你做一些额外的工作。您还可以尝试使用chartArea配置选项，这将对列间距产生一些影响。

然而，原来的问题实际上可能有不同的答案。

您可以使用柱状图创建类似直方图的图表吗？

虽然您不能控制柱状图中列集合之间的间距，但您可以通过将列指定为不同的列，然后在配置选项中将每列的颜色设置为相同的颜色，使这些列几乎彼此紧贴在一起。

下面是一个简单的3列直方图：

var data = google.visualization.arrayToDataTable([
    ['x', '1-10', '11-20', '21-30'],
    ['', 3, 5, 4]
  ]);

  // Create and draw the visualization.
  new google.visualization.ColumnChart(document.getElementById('visualization')).
      draw(data,
           {title:"My Histogram",
            width:600, height:400,
            hAxis: {title: null},
            colors: ['red','red','red'],
            legend: {position: 'none'}
           }
      );

请注意，您有1行3列，每列都是彩色的'red'。这样做的缺点是，您会丢失x轴上的标签，告诉您哪一列代表什么。同样，您还必须有某种逻辑来构建此直方图，并以您想要的方式填充数据。

所以长话短说，Google Charts没有直方图，虽然柱状图是可能的，但你可以考虑看看不同的库。

现在可以创建柱状图，并将柱状图的柱状图与柱状图的柱状图紧密地排列在一起，使用以下选项：

bar:  {groupWidth:"100%"};

谷歌几天前推出了一个直方图：link