如何在Google時間軸圖表中顯示特定年份？

使用react-google-charts，我想指定哪些年份應顯示在Google時間軸圖表的橫軸上。屏幕截圖顯示了一個使用自動生成的值的示例，該示例基於給定的行時間範圍。如何在Google時間軸圖表中顯示特定年份？

的示例使用以下數據：

[ 
    [ 'Washington', new Date(1789, 3, 30), new Date(1797, 2, 4) ], 
    [ 'Adams',  new Date(1797, 2, 4), new Date(1801, 2, 4) ], 
    [ 'Jefferson', new Date(1801, 2, 4), new Date(1809, 2, 4) ] 
]

我已經嘗試過，沒有歡喜以下選項：

hAxis: { 
    title: 'Year', 
    minValue: new Date(1785, 3, 15), 
    maxValue: new Date(1825, 3, 15), 
    ticks: [ 
     { v: new Date(1792, 3, 15), f: '1792' }, 
     { v: new Date(1818, 3, 15), f: '1818' }, 
     { v: new Date(1824, 3, 15), f: '1824' } 
    ] 
}

我希望有X軸標記與「年」並顯示1792年，1818年和1824年，而不是1790年和1800年。 minValue和maxValue選項似乎也被忽略。

根據readme它應該工作。

與日期對象而不是整數有關的問題是相關的？

編輯：增加了的jsfiddle：http://jsfiddle.net/s4zg7mxt/ 它不使用反應 - 谷歌，圖表，但問題仍然是相同的：蜱（和標題）選項仍沒有任何效果。有趣的是，minValue和maxValue選項被考慮在內。是否有可能適應jsfiddle，以便在水平軸上顯示指定的年份？

來源

2016-09-03 pwagner

選項根本不可用於時間軸圖表... – WhiteHat

確定嗎？它沒有明確地在文檔中說明（https://developers.google.com/chart/interactive/docs/customizing_axes）。另外，奇怪的是，minValue和maxValue不能與react-google-charts一起工作，但它在jsfiddle示例中起作用。 – pwagner

相當確定，顯然不起作用，請參閱下面的答案... – WhiteHat

我發現如果配置選項或其他功能沒有在該特定圖表的指南中列出，
圖表不支持它。

除了在更新的版本中添加的選項，
在該圖表指南尚未更新。

正因爲如此，一時間線圖表上唯一可用的hAxis選項minValue和maxValue

提供與October 2, 2015 release

時間軸：
- 現在持續時間是局部的。
- 現在支持水平軸的minValue和maxValue。

來源

2016-09-04 19:04:23 WhiteHat

時間線圖上最令人沮喪的缺失功能是'setSelection' - 如果您需要設置默認選項，我有一個_hack_ – WhiteHat

謝謝，但我想我會繼續使用勝利圖表，因爲它不可能設置特定在谷歌的時間表上打勾。 – pwagner

庫根據開始日期，結束日期和瀏覽器的顯示區域自動計算x軸的縮放比例。請粘貼完整的代碼，將檢查並更新您是否可以執行x軸的自定義縮放。

來源

2016-09-03 17:37:19 Karpak

我爲我的問題添加了一個jsfiddle示例。這裏 - 沒有react-google-charts - 可以使用minValue和maxValue設置x軸的起始端。但是，問題實際上是顯示特定年份而不是自動生成的年份。你能得到「滴答」選項在jsfiddle中工作嗎？ – pwagner

如何在Google時間軸圖表中顯示特定年份？

回答

相關問題