Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/27.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在谷歌时间线图中显示具体年份?_Javascript_Reactjs_Charts_Google Visualization - Fatal编程技术网

Javascript 如何在谷歌时间线图中显示具体年份?

Javascript 如何在谷歌时间线图中显示具体年份?,javascript,reactjs,charts,google-visualization,Javascript,Reactjs,Charts,Google Visualization,使用react 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(18

使用react 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选项似乎也被忽略了

根据报告,它应该是有效的

问题是否与值是日期对象而不是整数有关

编辑:添加了一个JSFIDLE: 它没有使用react google图表,但问题仍然是:勾号(和标题)选项仍然没有效果。有趣的是,minValue和maxValue选项也被考虑在内。
是否可以调整JSFIDLE,以便在水平轴上显示指定的年份?

库会根据开始日期、结束日期和浏览器的显示区域自动计算x轴的缩放比例。
请粘贴完整代码,将检查并更新您是否可以自定义x轴缩放。

我发现该特定图表的指南中是否未列出配置选项或其他功能,
图表不支持它

除了最近版本中添加的选项,
其中该图表的指南尚未更新

因此,时间线图上唯一可用的
hAxis
选项是
minValue
maxValue

提供给

时间线:
--持续时间现在已本地化。
--现在支持水平轴的
minValue
maxValue


我在问题中添加了一个JSFIDLE示例。这里-没有谷歌图表-可以使用minValue和maxValue设置x轴的起点和终点。然而,问题实际上是显示特定年份,而不是自动生成的年份。你能让“滴答声”选项在JSFIDLE中工作吗?这个选项在时间线图表上根本不可用……你确定吗?文档()中没有明确说明这一点。此外,minValue和maxValue不能与react google图表一起使用也很奇怪,但它在JSFIDLE示例中起作用。相当肯定,显然不起作用,请参见下面的答案……时间线图表上最令人沮丧的缺失功能是
setSelection
——如果您需要设置默认选择,我有一个技巧。谢谢,但我想我会继续使用胜利图表,因为不可能在谷歌的时间表上设定具体的刻度。