如何为 google 图表设置 x 轴的下限?
How can I set the lower bound on the x axis for a google chart?
我正在尝试在基于日期的 google 条形图上设置 x 范围。我希望图表年份从 1 月 1 日开始,即使数据要到 4 月才开始。
我看过很多关于如何设置最小和最大垂直范围的建议,但我无法让它们在 x 轴上工作。我不知道问题是出在 x 轴上,还是我使用日期作为 x 轴这一事实。当我尝试设置 min
时,我确实遇到了这个错误
"a.getTime 不是函数"
这是我的工作代码,没有限制:
var data = new google.visualization.DataTable();
data.addColumn("date", "Season Start Date")
data.addColumn("number", "Acres Burned")
var options = {
"title": "US Fire data TBD!!!",
"hAxis": {
"title": "Year"
},
"vAxis": {
"title": "Total Acres Burned"
}
}
data.addRows([
[new Date(2021, 5, 12), 1000],
[new Date(2021, 5, 14), 400],
[new Date(2021, 5, 15), 0],
[new Date(2021, 5, 16), -39],
[new Date(2021, 5, 17), 165],
[new Date(2021, 5, 18), 0],
[new Date(2021, 5, 19), 1000],
[new Date(2021, 5, 20), 1000],
]);
var chart = new google.visualization.ColumnChart(document.getElementById("us_chart"))
chart.draw(data, options);
此代码呈现错误消息(“a.getTime 不是函数”),而不是图表:
var options = {
"title": "US Fire data TBD!!!",
"hAxis": {
"title": "Year",
"viewWindowMode":"explicit",
"viewWindow": {
"min": "new Date(2021, 5, 1)",
"max": "new Date(2021, 8, 1)"
}
},
"vAxis": {
"title": "Total Acres Burned"
}
}
有什么想法吗?
谢谢!
轴的最小/最大值应该是日期,而不是字符串。
var options = {
"title": "US Fire data TBD!!!",
"hAxis": {
"title": "Year",
"viewWindow": {
"min": new Date(2021, 5, 1),
"max": new Date(2021, 8, 1)
}
},
"vAxis": {
"title": "Total Acres Burned"
}
}
并且以下选项不是必需的...
"viewWindowMode":"explicit",
我正在尝试在基于日期的 google 条形图上设置 x 范围。我希望图表年份从 1 月 1 日开始,即使数据要到 4 月才开始。
我看过很多关于如何设置最小和最大垂直范围的建议,但我无法让它们在 x 轴上工作。我不知道问题是出在 x 轴上,还是我使用日期作为 x 轴这一事实。当我尝试设置 min
时,我确实遇到了这个错误"a.getTime 不是函数"
这是我的工作代码,没有限制:
var data = new google.visualization.DataTable();
data.addColumn("date", "Season Start Date")
data.addColumn("number", "Acres Burned")
var options = {
"title": "US Fire data TBD!!!",
"hAxis": {
"title": "Year"
},
"vAxis": {
"title": "Total Acres Burned"
}
}
data.addRows([
[new Date(2021, 5, 12), 1000],
[new Date(2021, 5, 14), 400],
[new Date(2021, 5, 15), 0],
[new Date(2021, 5, 16), -39],
[new Date(2021, 5, 17), 165],
[new Date(2021, 5, 18), 0],
[new Date(2021, 5, 19), 1000],
[new Date(2021, 5, 20), 1000],
]);
var chart = new google.visualization.ColumnChart(document.getElementById("us_chart"))
chart.draw(data, options);
此代码呈现错误消息(“a.getTime 不是函数”),而不是图表:
var options = {
"title": "US Fire data TBD!!!",
"hAxis": {
"title": "Year",
"viewWindowMode":"explicit",
"viewWindow": {
"min": "new Date(2021, 5, 1)",
"max": "new Date(2021, 8, 1)"
}
},
"vAxis": {
"title": "Total Acres Burned"
}
}
有什么想法吗?
谢谢!
轴的最小/最大值应该是日期,而不是字符串。
var options = {
"title": "US Fire data TBD!!!",
"hAxis": {
"title": "Year",
"viewWindow": {
"min": new Date(2021, 5, 1),
"max": new Date(2021, 8, 1)
}
},
"vAxis": {
"title": "Total Acres Burned"
}
}
并且以下选项不是必需的...
"viewWindowMode":"explicit",