谷歌图表格式日期:2008年6月

Google Charts Format Date as mm:ss.00

本文关键字:2008年 6月 日期 格式 表格 谷歌      更新时间:2023-09-26

我正在尝试使用谷歌图表显示竞技游泳时间的图表。游泳所用的时间精确到百分之一秒。经过一些工作后,我设法使用Date对象将时间绘制成图表。

var data = google.visualization.arrayToDataTable([
  ['Number', 'Time'],
  ['1',  new Date(2014,5,5,0,1,47,470)],
  ['2',  new Date(2014,5,5,0,1,45,880)],
  ['3',   new Date(2014,5,5,0,1,43,520)],
  ['4',   new Date(2014,5,5,0,1,40,670)]
]);

上表表示1:47.47到1:40.67之间的时间。接下来,我对数据表应用了一个DateFormat,它删除了数据的日期部分,但是我在表示百分之一秒的时间部分时遇到了麻烦。我试过了

var timeFormatter = new google.visualization.DateFormat({ pattern: "m:ss.00" });

var timeFormatter = new google.visualization.DateFormat({ pattern: "m:ss.##" });

但这只会导致图表上的时间显示00##在我期望出现百分位的地方。图本身正在放置点,就好像它识别date对象的毫秒部分。

当我将鼠标悬停在数据点上时,是否有办法让百分之一秒出现?

这是我正在做的一个jsFiddle

尝试使用以下模式:

pattern: "m:ss.SSS"

现在,当您将鼠标悬停在数据点上时,应该会出现正确的数字。