Javascript 谷歌图表，如何设置hAxis截止时间/日期？

我有两个谷歌图表，两个底部轴的时间跨度都比我希望的要长。下面的第一条将于2月5日至17日发布。如何在当月的最后一天停止图表

google.load（“可视化”，“1”{
软件包：[“corechart”]
});
setOnLoadCallback（drawChart）；
函数绘图图（）{
var data=google.visualization.arrayToDataTable([
[‘时间’、‘电’、‘气’]，
[新日期（'2017-01-01'），61.7，74.04]，
[新日期（'2017-01-02'），91.145，109.374]，
[新日期（'2017-01-03'），28.378，74.62]，
[新日期（'2017-01-04'），16.75,33.5]，
[新日期（'2017-01-05'），26.136，39.204]，
[新日期（'2017-01-06'），466.248，41.975]，
[新日期（'2017-01-07'），0117.414]，
[新日期（'2017-01-08'），42.268,0]，
[新日期（'2017-01-09'），10.442，31.326]，
[新日期（'2017-01-10'），56.356,0]，
[新日期（'2017-01-11'），21.15，31.725]，
[新日期（'2017-01-12'），55.226，82.839]，
[新日期（'2017-01-13'），488.352，610.44]，
[新日期（'2017-01-14'），148.252，85.035]，
[新日期（'2017-01-15'），141.925198.695]，
[新日期（'2017-01-16'），102.36，120.372]，
[新日期（'2017-01-17'）、25.86、30.17]，
[新日期（'2017-01-18'），127.848149.156]，
[新日期（'2017-01-19'），0,0]，
[新日期（'2017-01-20'），0,0]，
[新日期（'2017-01-21'），0,0]，
[新日期（'2017-01-22'），0,0]，
[新日期（'2017-01-23'），0,0]，
[新日期（'2017-01-24'），0,0]，
[新日期（'2017-01-25'），0,0]，
[新日期（'2017-01-26'），0,0]，
[新日期（'2017-01-27'），0,0]，
[新日期（'2017-01-28'），0,0]，
[新日期（'2017-01-29'），0,0]，
[新日期（'2017-01-30'），0,0]，
[新日期（'2017-01-31'），0,0]，
]);
变量刻度=[
新日期（2017年0月1日），
新日期（2017年1月1日），
新日期（2017年2月1日），
新日期（2017年3月1日），
新日期（2017年4月1日），
新日期（2017年5月1日），
新日期（2017年6月1日），
新日期（2017年7月1日），
新日期（2017年8月1日），
新日期（2017年9月1日），
新日期（2017年10月1日），
新日期（2017年11月1日）
];
变量选项={
图表区：{
宽度：“80%”
},
宽度：900，
身高：500，
哈克斯：{
标题：“每月每日总计”，
viewWindowMode:“漂亮”，
斜体文字：假，
格式：“d MMM yy”，
网格线：{
颜色：“透明”
},
文本样式：{
颜色：'黑色'，
尺寸：12，
字体名称：“Arial”，
黑体字：对，
斜体：错，
text对齐：“右”
},
titleTextStyle：{
颜色：'黑色'，
尺寸：16，
字体名称：“Arial”，
黑体字：对，
斜体：假
},
},
言辞：{
标题：“kWh”，
titleTextStyle：{
颜色：'黑色'，
尺寸：16，
字体名称：“Arial”，
黑体字：对，
斜体：假
},
文本样式：{
颜色：'黑色'，
尺寸：12，
字体名称：“Arial”，
黑体字：对，
斜体：假
},
},
图例：{
位置：'顶部'，
宽度：“90%”
},
背景颜色：“#fff”，
颜色：['#f36daa'，'#51b9d2']，
};
var chart=new google.visualization.AreaChart（document.getElementById（'graph-tab-2'）；
图表绘制（数据、选项）；
}

---

首先，建议在加载google数据时不要使用以下日期构造函数

新日期（“yyyy-MM-dd”）

根据一年中的时区/时间，您可能会得到与预期不同的日期，
如中所示

相反，建议使用以下方法之一

新日期（年、月[、日期[、小时[、分钟[、秒[、毫秒]）

（请记住，
month
在上面是以零为基础的）

--或者--

新日期（“MM/dd/yyyy”）


关于第一个问题

使用
viewWindow.max
将确保轴不超过提供的日期

但是，这并不能确保显示最后一天的标签

确保图表在最后一天显示并停止的唯一方法是提供您自己的
刻度

您可以使用DataTable方法
getColumnRange
动态构建刻度

getColumnRange（columnIndex）
将返回一个对象
{}


提供了
列索引的
min
和
max
的属性

请参阅以下工作片段，

getColumnRange
用于为每三天生成
ticks
，以及最后一天


google.charts.load（'current'{
回调：图纸，
软件包：['corechart']
});
函数绘图图（）{
var data=google.visualization.arrayToDataTable([
[‘时间’、‘电’、‘气’]，
[新日期（2017年0月1日），61.7日，74.04]，
[新日期（2017,0,2），91.145,109.374]，
[新日期（2017,0,3），28.378,74.62]，
[新日期（2017,0,4），16.75,33.5]，
[新日期（2017年0月5日），26.136，39.204]，
[新日期（2017,0,6），466.248,41.975]，
[新日期（2017年7月0日），0117.414]，
[新日期（2017,0,8），42.268,0]，
[新日期（2017,0,9），10.442,31.326]，
[新日期（2017年10月0日），56.356,0]，
[新日期（2017,0,11），21.15,31.725]，
[新日期（2017,0,12），55.226,82.839]，
[新日期（2017年0月13日），488.352，610.44]，
[新日期（2017,0,14），148.252,85.035]，
[新日期（2017年0月15日），141.925198.695]，
[新日期（2017年0月16日），102.36，120.372]，
[新日期（2017,0,17），25.86,30.17]，
[新日期（2017年0月18日），127.848149.156]，
[新日期（2017,0,19），0,0]，
[新日期（2017,0,20），0,0]，
[新日期（2017,0,21），0,0]，
[新日期（2017,0,22），0,0]，
[新日期（2017,0,23），0,0]，
[新日期（2017,0,24），0,0]，
[新日期（2017,0,25），0,0]，
[新日期（2017,0,26），0,0]，
[新日期（2017年0月27日），0，