Javascript 人力车/d3.js-等距系列

Javascript 人力车/d3.js-等距系列,javascript,d3.js,rickshaw,Javascript,D3.js,Rickshaw,我有一张人力车的图(线图) 图表运行良好,但无法读取。图表的时间(x)数据是不规则的 e、 g: 一系列小数据之间有很多差距。有时差距很大,有时差距很小。我尝试的是在两个数据点之间设置固定距离 上次我和morris.js一起工作。有一个名为parseTime的选项,它正是这样做的。将数据视为等距序列。 你知道怎么用人力车/d3吗 关于这一点,您需要告诉人力车使用序数而不是时间刻度,乍一看这似乎是不可能的。有一个xScale参数。据我所知,我可以提供我自己的规模。如果我设置xScale:d3.s

我有一张人力车的图(线图)

图表运行良好,但无法读取。图表的时间(x)数据是不规则的

e、 g:

一系列小数据之间有很多差距。有时差距很大,有时差距很小。我尝试的是在两个数据点之间设置固定距离

上次我和morris.js一起工作。有一个名为parseTime的选项,它正是这样做的。将数据视为等距序列。

你知道怎么用人力车/d3吗


关于这一点,您需要告诉人力车使用序数而不是时间刻度,乍一看这似乎是不可能的。有一个xScale参数。据我所知,我可以提供我自己的规模。如果我设置xScale:d3.scale.ordinal(),图形仍在渲染,但我的图形中现在只有水平数据线……仅仅告诉它使用有序的xScale是不够的,因为它仍在使用线性缩放方法设置缩放的域和范围:为每一个设置最大值和最小值。因此,有序比例将这些视为唯一可能的值,并在它们之间进行交替,因此在图形的整个宽度上会出现锯齿形线条。根据您的需要,顺序比例范围将使用
.rangePoints()
设置,比例域将由所有可能的x值的排序列表设置。我尝试直接设置这些值,但是
.render()
方法会覆盖自定义值。
{"x":1387669802,"y":1256},
{"x":1387669803,"y":1273},
{"x":1387669804,"y":1256},
{"x":1387669805,"y":1248},
{"x":1387669820,"y":1281},
...huge time gap...
{"x":1370122812,"y":1281},
{"x":1370122813,"y":1236},
{"x":1370122852,"y":1252},
{"x":1370122822,"y":1281}