Javascript 将现有d3实时流线条图转换为使用已用秒数而不是时间

Javascript 将现有d3实时流线条图转换为使用已用秒数而不是时间,javascript,d3.js,Javascript,D3.js,对D3来说还是比较新的,我正在寻找的功能是一个实时的流线图,新数据实时出现。我在网上遇到了一个例子,这正是我想要实现的,只有一个小问题。当它流动时,x轴显示时钟时间,这看起来很好,但我的需求要求它显示为经过的时间 以下是此操作的代码: 我一直在尝试使这个脚本适应工作,但我所做的只是打破它,似乎时间很好地融入了这个例子中。这是否值得转换,还是我最好实现自己的解决方案?我可以,但它可能缺少本例中的一些铃铛和口哨 到目前为止,最接近的解决方案是我改变了图表的比例: var x=d3.time.sca

对D3来说还是比较新的,我正在寻找的功能是一个实时的流线图,新数据实时出现。我在网上遇到了一个例子,这正是我想要实现的,只有一个小问题。当它流动时,x轴显示时钟时间,这看起来很好,但我的需求要求它显示为经过的时间

以下是此操作的代码:

我一直在尝试使这个脚本适应工作,但我所做的只是打破它,似乎时间很好地融入了这个例子中。这是否值得转换,还是我最好实现自己的解决方案?我可以,但它可能缺少本例中的一些铃铛和口哨

到目前为止,最接近的解决方案是我改变了图表的比例:

var x=d3.time.scale().range([0,width])

var x=d3v3.scale.linear().range([0,width])

现在,我得到了更类似于每个滴答声的时间戳的东西,这并不理想。在互联网上,我似乎找不到其他人做过像这样简单、听起来很奇怪的事情

正如你已经知道的,使用他的

你应该试着改编第139行

var xAxis = d3.svg.axis().orient("bottom");

我会做你的事

var xAxis = d3.svg.axis().orient("bottom").tickFormat(function(d) { 
  var dif = new Date() - d;
  var seconds = Math.round(dif / 1000);
  return seconds;
});