如何在谷歌时间轴范围图表中使用 X 轴上的日期设置 X 轴范围并使 X 轴可滚动

Question

我想在谷歌范围条形图中的 X 轴上设置最小和最大日期（范围），但无法使用以下代码进行设置：

  google.load('visualization', '1', {packages: ['timeline']});
google.setOnLoadCallback(drawChart);

function drawChart() {
  var data = google.visualization.arrayToDataTable([
    ['Activity', 'Start Time', 'End Time'],
    ['Sleep',
     new Date(2014, 10, 15, 0, 30),
     new Date(2014, 10, 15, 6, 30)],
    ['Eat Breakfast',
     new Date(2014, 10, 17, 6, 45),
     new Date(2014, 10, 18, 7)],
    ['Get Ready',
     new Date(2014, 10, 19, 7, 4),
     new Date(2014, 10, 22, 7, 30)],
    ['Commute To Work',
     new Date(2014, 10, 22, 7, 30),
     new Date(2014, 10, 24, 8, 30)],
    ['Work',
     new Date(2014, 10, 24, 8, 30),
     new Date(2014, 10, 25, 17)],
    ['Commute Home',
     new Date(2014, 10,  25, 17),
     new Date(2014, 10,  26, 18)],
    ['Gym',
     new Date(2014, 10, 26, 18),
     new Date(2014, 10,  27, 18, 45)],
    ['Eat Dinner',
     new Date(2014, 10,  27, 19),
     new Date(2014, 10,  28, 20)],
    ['Get Ready For Bed',
     new Date(2014, 10,  28, 21),
     new Date(2014, 10,  29, 22)]
  ]);

  var options = {
    width: 800,
    height: 500,
    legend: {position: 'none'},
    enableInteractivity: false,
    hAxis: {
        window: 'explicit',
        viewWindow: {
          min: new Date(2014, 10, 14),
          max: new Date(2014, 10, 20)
      }
    },
            ticks: [new Date(2014, 10, 14), new Date(2014, 10, 15), new Date(2014, 10, 16)]
  };

  var chart = new google.visualization.Timeline(document.getElementById('chart_div'));

  chart.draw(data, options);
}

以下是在线编辑以上代码的网址：https : //jsfiddle.net/t8Luy7qu/

我试图将最小日期设置为 2014 年 11 月 14 日，将最大日期设置为 2014 年 11 月 20 日，因此对于 11 月 20 日之后的日期（在当前图表中至 11 月 28 日），图表应该可以水平滚动。

我已经参考了以下 URL 以实现相同的功能： 在谷歌图表中设置 x 轴范围

它适用于 X 轴上的数字数据，但我使用的是日期，所以有人可以帮助我吗？