Charts 谷歌折线图显示日期范围,即使使用';空';价值观

Charts 谷歌折线图显示日期范围,即使使用';空';价值观,charts,google-visualization,Charts,Google Visualization,我在搞清楚如何让我的谷歌折线图在其数据数组中显示给定的日期范围时遇到了一些问题,因为它都包含来自给定点的空值 我指定了1个月的数据,但我只得到12月2日之前的数据。这会使图表自动缩放其视图,从11月12日一直到该日期,并截断最后10天 这是我的数据: 这是正在显示的图表: 但是,我可以将空值更改为0,但这会使其余时间的线条保持平直,这不是最优的。然而,我确实想让用户看到,在过去的10天里没有记录的数据 非常感谢任何帮助来填补null值的空白, 设置选项: interpolateNulls:

我在搞清楚如何让我的谷歌折线图在其数据数组中显示给定的日期范围时遇到了一些问题,因为它都包含来自给定点的空值

我指定了1个月的数据,但我只得到12月2日之前的数据。这会使图表自动缩放其视图,从11月12日一直到该日期,并截断最后10天

这是我的数据:

这是正在显示的图表:

但是,我可以将空值更改为0,但这会使其余时间的线条保持平直,这不是最优的。然而,我确实想让用户看到,在过去的10天里没有记录的数据


非常感谢任何帮助来填补
null
值的空白,
设置选项:

interpolateNulls: true
hAxis: {
  viewWindow: {
    min: beginDate,
    max: endDate
  }
}
要在x轴上设置特定的日期范围,
使用选项:

interpolateNulls: true
hAxis: {
  viewWindow: {
    min: beginDate,
    max: endDate
  }
}
请参阅以下工作片段

google.charts.load('current'{
软件包:['corechart']
}).然后(函数(){
var data=new google.visualization.DataTable();
data.addColumn('date','x');
data.addColumn('number','y');
data.addRows([
[新日期(2017年11月5日),3],
[新日期(2017年11月6日),4],
[新日期(2017年11月7日),4],
[新日期(2017年11月8日),3],
[新日期(2017年11月9日),空],
[新日期(2017年11月10日),4],
[新日期(2017年11月11日),空],
[新日期(2017年11月12日)4]
]);
变量选项={
是的,
哈克斯:{
视图窗口:{
最大值:新日期(2017年11月31日)
}
}
};
var chart=新的google.visualization.LineChart(
document.getElementById('chart\u div')
);
图表绘制(数据、选项);
});


我已将interpolateNulls设置为true,这确实修复了数据缺失的行之间的间隙,但不幸的是,它没有显示剩余的10天,因为那里没有数据可供连接行。抱歉,但interpolateNulls已设置为true(我的屏幕截图中的除外)。问题是,假设您的示例中11月10日、11日和12日的值也是空的。然后它不会插值到任何东西,图形将仅放大现有数据。但是,我再次看到,我必须求助于最小值和最大值。希望我能在动态场景中避免这一部分。不过,这似乎是唯一的解决方案,因为我一直在上下查阅折线图文档,所以谢谢:)