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(或者可以设置它,但它不会做任何事情)。如果你使用的是一个连续的轴,但它不工作,那么我不知道为什么。