d3.js-时间刻度,以毫秒为单位
我需要画一个折线图,其中x轴将有表示时间的刻度,带有毫秒细节 对于x-scale,我使用的是d3.js-时间刻度,以毫秒为单位,d3.js,nvd3.js,D3.js,Nvd3.js,我需要画一个折线图,其中x轴将有表示时间的刻度,带有毫秒细节 对于x-scale,我使用的是d3.time.scale() x轴看起来像: var xAxis = d3.svg.axis() .scale(xScale) //.ticks(d3.time.second, 1) .orient("bottom") .tickFormat(d3.time.format("%H:%M %L")); 但x轴上的值/刻度未按预期生成 x轴的数据是日
d3.time.scale()
x轴看起来像:
var xAxis = d3.svg.axis()
.scale(xScale)
//.ticks(d3.time.second, 1)
.orient("bottom")
.tickFormat(d3.time.format("%H:%M %L"));
但x轴上的值/刻度未按预期生成
x轴的数据是日期对象,它们包含以下值(示例数据)
但是,如果我采用线性比例d3.scale.linear()
生成的记号遵循预期的序列
对于具有毫秒细节的数据,使用时间刻度的正确方法是什么
如何以秒为单位设置刻度间隔:毫秒?
编辑:
还有,我怎么能每隔几毫秒(比如每500毫秒)就有滴答声呢
有一个APId3.time.second
,但与之不同的是d3.time.millis秒
。如何添加一个
以秒为单位的间隔:毫秒意味着,您可以尝试此方法
.tickFormat(d3.time.format("%S %L"));
(删除以前过时的答案)
我针对d3项目为此创建了一个问题,并已修复:
这里可以看到一个例子:您需要x轴的13:25:6794格式吗?:D我确实试过了.ticks(d3.time.second,0.2)
该行被注释掉,如问题中所示。它不能胜任这项工作。我希望能画出更多的记号。但只能看到2只蜱<代码>13:25:07 000 13:25:08 000<代码>“javascript日期对象的分辨率低至毫秒,它们的表示形式通常不包括这一点。”
我也有同样的猜测。但是我想一定有办法,一定有人做了我想做的事情,所以我不想去把这个问题发布在git:mbostock/d3
13:25:6 794 (%H:%M%S %L)
13:25:6 898
13:25:6 994
13:25:7 95
13:25:7 194
13:25:7 295
13:25:7 395
13:25:7 495
13:25:7 595
13:25:7 710
13:25:7 795
13:25:7 895
13:25:7 995
13:25:8 95
13:25:8 195
13:25:8 294
13:25:8 395
13:25:8 495
13:25:8 594
13:25:8 795
.tickFormat(d3.time.format("%S %L"));