D3.js折线图,x轴有任意日期,但想要显示它们的序列

Question

我有一个折线图.x轴有日期,但它们不是正常分布的(午餐或周末没有数据),但我想按顺序显示它们.示例数据和我的示例图表如下,我不希望我的图表显示没有数据的时间的直线,它应该从前一个日期继续.

我x = d3.time.scale().range([0, width])用来画x线.任何的想法？

x         y
10:00:00  4
10:10:00  5
10:20:00  3
10:30:00  2
10:40:00  5
10:50:00  3
14:30:00  6
14:40:00  7

Answer 1

一个ordinal scale会做的伎俩.尝试这样的事情:

替换x = d3.time.scale().range([0, width])如下:

var x = d3.scale.ordinal()
    .domain(data.map(function(d) {
        return d.date;
    }))
    .rangeRoundBands([0, width], 0.1);