设置剃刀谷歌图表小时的viewWindow min max

Question

我有一个谷歌图表，其中包含以下hAxis选项。但我不能让viewWindow工作

这剃刀代码：

hAxis: { 
      format: 'HH:mm', 
      showTextEvery: 2, 
      gridlines: { 
       count: -1, 
       units: {hours: {format:['HH:mm']}} 
      }, 
      viewWindow: { 
       min: new Date(@Model.SelectedDate.Year, @Model.SelectedDate.Month-1, @Model.SelectedDate.Day, 0), 
       max: new Date(@Model.SelectedDate.Year, @Model.SelectedDate.Month-1, @Model.SelectedDate.Day, 23, 59) 
      } 
     }, 

产生如下的HTML

hAxis:{ 
      format: 'HH:mm', 
      showTextEvery: 2, 
    viewWindow: { 
       min: new Date(2017, 7-1, 6, 0), 
       max: new Date(2017, 7-1, 6, 23, 59) 
      }, 
      gridlines: { 
       count: -1, 
       units: {hours: {format:['HH:mm']}} 
      }, 

     }, 

该代码给出了一个错误：的getTime不是一个函数

如何如何更改剃须刀代码，以便在图表的javascript部分中使用我的日期。

当我删除viewWindow部分的行，然后我的图表工作。所以我不认为我的数据是问题。

我的一些数据的

data.addColumn('datetime', 'Tijdstip'); 
    data.addColumn('number', 'gemeten temperatuur'); 
     data.addRows([ 
       [new Date(2017, 2-1, 22, 0, 0, 34), -16.56200000], 
       [new Date(2017, 2-1, 22, 0, 1, 38), -16.44000000], 
       [new Date(2017, 2-1, 22, 0, 2, 39), -16.27600000], 
       [new Date(2017, 2-1, 22, 0, 3, 44), -15.78500000], 
       [new Date(2017, 2-1, 22, 0, 4, 47), -15.74400000], 
       [new Date(2017, 2-1, 22, 0, 5, 52), -15.41700000], 
       [new Date(2017, 2-1, 22, 0, 6, 52), -15.17100000], 
       [new Date(2017, 2-1, 22, 0, 7, 57), -14.88500000], 
       [new Date(2017, 2-1, 22, 0, 8, 58), -14.35300000], 

TIA罗纳德

Answer 1

用于viewWindow的值是有效的，不认为是问题

看到使用发布选项下面的工作片段...

google.charts.load('current', { 
 
    callback: drawChart, 
 
    packages: ['corechart'] 
 
}); 
 

 
function drawChart() { 
 
    var data = google.visualization.arrayToDataTable([ 
 
    ['x', 'y0'], 
 
    [new Date(2017, 6, 6, 1), 1000], 
 
    [new Date(2017, 6, 6, 2), 2000], 
 
    [new Date(2017, 6, 6, 3), 3000], 
 
    [new Date(2017, 6, 6, 4), 4000], 
 
    [new Date(2017, 6, 6, 5), 5000], 
 
    [new Date(2017, 6, 6, 6), 6000] 
 
    ]); 
 

 

 
    var options = { 
 
    hAxis:{ 
 
     format: 'HH:mm', 
 
     showTextEvery: 2, 
 
     viewWindow: { 
 
     min: new Date(2017, 7-1, 6, 0), 
 
     max: new Date(2017, 7-1, 6, 23, 59) 
 
     }, 
 
     gridlines: { 
 
     count: -1, 
 
     units: {hours: {format:['HH:mm']}} 
 
     }, 
 
    }, 
 
    }; 
 

 
    var chart = new google.visualization.LineChart(document.getElementById('chart_div')); 
 
    chart.draw(data, options); 
 
}

<script src="https://www.gstatic.com/charts/loader.js"></script> 
 
<div id="chart_div"></div>