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