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

时间:2014-12-01 13:10:03

标签: javascript google-visualization annotatedtimeline

我正在尝试使用谷歌图表,'Annotated Time Line'

在列上我想使用数字,

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

但问题是,仍然将数字视为毫秒,因此在每60秒后,时钟被设置回0(1分钟)然后继续。我希望它显示为60,65,70等,而不是0,5,10(每分钟后)。

Current

Current

Display as

Display as

有快速的方法吗?

  

编辑:链接到JSFIDDLE(包含原始数据)   简化数据:jsfiddle

1 个答案:

答案 0 :(得分:0)

这里我猜测轴总是有不变的增量,但猜测它总是那样:

        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/