google.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Year', 'Sales', 'Expenses'],
['2004', 1000, 400],
['2005', 1170, 460],
['2006', 660, 1120],
['2007', 1030, 540]
]);
var options = {
title: 'Company Performance',
};
var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
这段代码只显示水平网格线,我也想显示垂直线。
最佳答案
检查 these docs 中的 vAxis.gridlines
和 hAxis.gridlines
.
vAxis.gridlines
是一个对象,具有配置垂直轴上的网格线的属性。要指定此对象的属性,您可以使用对象文字表示法,如下所示:
{color: '#333', count: 4}
您可以在垂直网格线的选项中使用以下内容:
vAxis.gridlines: {color: '#333', count: 4}
编辑:
请参阅以下示例:
http://jsfiddle.net/rdesai/R4DGp/2/
http://jsfiddle.net/8eCSW/1/
希望对您有所帮助。 :)
关于javascript - 如何在谷歌图表中同时显示水平和垂直网格线,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26051881/