javascript - 在带注释的时间线上使用数字，而不是秒

Question

我正在尝试使用谷歌图表，“带注释的时间线”。

在我想使用数字的列上，

dataTable.addColumn({ type: 'number', id: 'Start' });
dataTable.addColumn({ type: 'number', id: 'End' });

但问题是，数字仍然以毫秒为单位，因此每 60 秒后，时钟被设置回 0（1 分钟），然后继续。我希望它显示为 60、65、70 等等，而不是 0、5、10（每分钟之后）。

Current

Display as

有没有快速的方法来做到这一点？

编辑：使用简化数据链接到JSFIDDLE（带有原始数据）：jsfiddle

Answer 1

在这里，我猜测轴总是有恒定的增量，但猜测它总是这样：

        google.visualization.events.addListener(chart,'ready',function(){
                var axes=[];
                $('#time-line svg text').each(function(){
                    var t = $(this).text();
                    if(t == parseInt(t).toString() && t.length > 0){ // if its a number text, its an axis
                        axes.push($(this))
                    }
                })
                var inc = Number(axes[1].text()); // increment
                var sum=0;
                for(var i=0;i<axes.length;i++){
                    var txt=axes[i].text();
                    var num=Number(txt);
                    axes[i].text(sum); // set new value
                    sum+=inc;
                }

            })




            chart.draw(dataTable);

工作示例：http: //jsfiddle.net/6M2sH/233/