首先,我已经检查了这些:
- 如何获得谷歌可视化折线图以显示垂直网格线?
- 谷歌图表:面积图 v轴网格线未绘制
而且它们似乎不是我想要的,所以希望这不是一个重复的问题。
我在将网格线添加到谷歌区域图垂直轴时遇到问题。我使用过:
vAxis: {
minValue: 0,
gridlines: {
color: '#f3f3f3',
count: 5
}
}
但是它似乎不起作用,当我更改 vAxis 计数的值时:它会向 hAxis :(添加线条
请参阅:http://jsfiddle.net/j29Pt/2/
谁能解决这个问题?
提前致谢:)
您需要将 x 轴更改为连续数据类型(数字、日期、日期时间、一天中的时间)才能获得垂直线。 "hAxis.gridlines.count
"选项控制获得的垂直网格线数。 vAxis.gridlines.count
控制您获得的水平线数。
在您的示例中,您可以将数据表更改为:
var data = google.visualization.arrayToDataTable([
['Year', 'Sales', ],
[2004, 1000],
[2005, 1170],
[2006, 660],
[2007, 1030]
]);
以及您的选择:
var options = {
title: '',
hAxis: {
title: 'Year',
titleTextStyle: {
color: '#333'
},
gridlines: {
color: '#f3f3f3',
count: 4
},
format: '####'
},
vAxis: {
minValue: 0,
gridlines: {
color: '#f3f3f3',
count: 5
}
}
};
请参阅示例:http://jsfiddle.net/asgallant/j29Pt/3/