如何获得持续的ColumnChart？(How to get a continuous Column

我使用ColumnChart表示在地图标高，由谷歌的建议。 然而，列用空格分隔，并呈现列之间的丑陋白色空间，像谷歌自己的例子：

https://developers.google.com/maps/documentation/javascript/examples/elevation-paths

有没有办法告诉柱形图，以使该填满整个空间列？ 我想是这样的：

http://4.bp.blogspot.com/-4I8oi3WqY5o/UIZnzbXql_I/AAAAAAAAAcE/GO4wl6I2-lM/s1600/Charts.png

我怀疑，唯一的办法是有很多的点。

我的代码：

var option = {
  legend: 'none',
  backgroundColor: 'transparent',
  colors: ["#C9CFF5"],
  titleColor: '#C9CFF5',
  focusBorderColor: '#00AA00',
  titleY: 'Elevation (m)',
  bar: { groupWidth: '100%' }
}
// Build data
var data = new google.visualization.DataTable();
data.addColumn('string', 'Sample');
data.addColumn('number', 'Elevation (m):');
for (var i = 0; i < trackmarks.length; i++) {
  data.addRow(['', trackaltis[i]]);
}

// Draw the chart using the data within its DIV.
chart = new google.visualization.ColumnChart(document.getElementById('elevation_chart'));
chart.draw(data, option);

我的代码是非常标准：同谷歌的，相同的结果。

谢谢！

Answer 1:

您可以指定选项：

bar: {groupWidth: "100%"}

bar.groupWidth： 可用宽度的百分比对于每个组（例如，'20％'），其中，‘100％’是指基团在它们之间没有空间

更新：这个例子使用旧版本的柱形图 ，加载封装columnchart

google.load("visualization", "1", {packages:["columnchart"]});

为柱形图最新代码是使用加载的corechart ：

google.load('visualization', '1', {packages: ['corechart']});

改变这种状况，并预期不带空格的例子应该工作。

文章来源: How to get a continuous ColumnChart?