minValue和maxValue作爲Google Chart中hAxis的時間範圍

我需要爲我的hAxis設置minValue爲09:00和maxValue 17:00（1小時增量）（即9,10,11,12， 13，14，...，17）minValue和maxValue作爲Google Chart中hAxis的時間範圍

目前我的數據被格式化爲H：米（例如：9點35分，10點20）

var formatter3 = new google.visualization.DateFormat({pattern: 'H:m'}); 
formatter3.format(data,0);

並在下文中我的選擇：

var options = {   
      curveType: "function", 
      title : '',   
      hAxis:{slantedTextAngle: 90,textStyle:{fontSize:8}}, 
      colors : ['red','#3366CC', '#999999'], 
      vAxes: { 
       0: {logScale: false, format:'0.0000'}, 
       1: {logScale: false} 
      }, 
      hAxis: { 
          format: 'H:m', 
          minValue: new Date(null, null, null, 9, 0, 0), 
          maxValue: new Date(null, null, null, 17, 0, 0),   
          viewWindow:{min: new Date(null, null, null, 9, 0, 0), 
             max: new Date(null, null, null, 17, 0, 0)}, 
      series: { 
       0: {targetAxisIndex:0, type: "line"}, 
       1: {targetAxisIndex:0, type: "line"}, 
       2: {targetAxisIndex:1, type: "bars"} 
      }   
     };

但是，它仍然無法正常工作。請指教。謝謝！

來源

2013-06-19 Ryan Justin

不幸的是，日期和時間值會忽略minValue，maxValue和基準值。我不確定這是一個最近的錯誤，但我在一週前才注意到它。您可以嘗試使用viewWindow min和max以及gridlines.count選項來獲得所需的結果。或者，如果值均勻分佈，則可以將所有日期值轉換爲字符串，在這種情況下，軸將使用您的顯式值。

另一個可以爲您工作的新功能是您可以提供一個明確的刻度值數組，並帶有刻度：[...]選項。在當前版本的gviz中，格式化是使用格式選項完成的，而且這應該足以滿足您的需求。在即將發佈的版本中，您還可以指定每個刻度值的格式。

所以它可能是最好使用像這樣的TimeOfDay值在你的例子來指定時間：

hAxis: { 
    ticks: [[9, 0, 0], [10, 0, 0], [11, 0, 0], [12, 0, 0], ...] 
}

我想你可以做同樣的那種與datetime值的東西，而不是，如果這就是你的數據值是。

來源

2013-06-19 14:49:48 dlaliberte

嗨，謝謝你的回答。您是否會提供一些刻度值的例子來說明如何完成？非常感謝。 –

我試過上面的解決方案，但它不起作用。你會幫助我指出正確的方向嗎？謝謝。 VAR選項= { curveType：「功能」， hAxis：{slantedTextAngle：90，TEXTSTYLE：{fontSize的：8}}， vAxes：{ 0：{logScale：假的，格式爲： '0.0000'}， 1 ：{logScale：false} }， hAxis：格式：'H：m'，記號：[[9,0,0]，[10,0,0]，[11,0,0]， [12,0,0]，[13,0,0]，[14,0,0]，[15,0,0]，[16,0,0]，[17,0,0]] } ，系列：{ 0：{targetAxisIndex：0，類型：「行」}， 1：{targetAxisIndex：0，類型：「行」}， 2：{targetAxisIndex：1，類型：「棒」} } }; –

您可能還需要使用最新版本。在你的google.load（）調用中，使用「1.1」而不是「1」。 – dlaliberte

minValue和maxValue作爲Google Chart中hAxis的時間範圍

回答

相關問題