时间格式在 dc.js 折线图中不起作用

Question

我有以下 h:m:s 格式的时间解析代码

            var ISO8601format=d3.time.format("%Y-%m-%dT%H:%M:%SZ");
            var hoursandminsformat=d3.time.format("%H:%M:%S"); 
            e.time=hoursandminsformat(ISO8601format.parse(e.time));

我有一个 json 文件，其中包含在不同时间从不同传感器读取的数据。示例数据为=

[
{"id":1,"time":"2015-03-29T20:32:24Z"},
{"id":2,"time":"2015-03-29T20:32:24Z"},
{"id":3,"time":"2015-03-29T20:32:24Z"},
{"id":1,"time":"2015-03-29T20:33:24Z"},
{"id":2,"time":"2015-03-29T20:33:24Z"},
{"id":3,"time":"2015-03-29T20:33:24Z"},
]

我将绘制一个 dc.js 行图，其中 x 轴以分钟为单位的时间和 y 轴以频率为单位。我正在使用以下代码来执行此操作。但它返回的是 NaN。

var freqchart= dc.lineChart("#chart1");
var countByTime=ndx.dimension(function (d) {return d.time; });
var freqbyTimeGroup = countByTime.group().reduceCount();
freqchart.width(400).height(200).transitionDuration(500)
    .dimension(countByTime).group(freqbyTimeGroup).elasticY(true).x(
                d3.time.scale().domain([d3.min(data,function(d){return d.time;}),
                                        d3.max(data,function(d){return d.time;})])).xUnits(d3.time.minutes).yAxisLabel("Frequency").xAxisLabel('Time').elasticX(true)

我该如何解决这个问题？这是不起作用的 jsfiddle

Answer 1

万岁，我得到了解决方案。这是代码

   var data=[
    {"id":20,"time":"2015-03-29T20:32:24Z","speed":20},
    {"id":21,"time":"2015-03-29T20:32:24Z","speed":15},
    {"id":22,"time":"2015-03-29T20:32:24Z","speed":16},
    {"id":23,"time":"2015-03-29T20:33:25Z","speed":14},
    {"id":20,"time":"2015-03-29T20:33:26Z","speed":20},
    {"id":21,"time":"2015-03-29T20:34:24Z","speed":10},
    {"id":22,"time":"2015-03-29T20:34:24Z","speed":15},
    {"id":23,"time":"2015-03-29T20:35:24Z","speed":15},
]
    // The datset is much larger with many detector. This is sample
        var dateformat=d3.time.format("%H:%M:%S").parse;
        var ISO8601format=d3.time.format("%Y-%m-%dT%H:%M:%SZ");
        var hoursandminsformat=d3.time.format("%H:%M:%S"); 
    data.forEach(function(d) {
        d.time=d.time.substring(11,19);
        d.time=dateformat(d.time);
    });

这是工作jsfiddle

时间格式在 dc.js 折线图中不起作用

Time format not working in dc.js LineChart

d3.js

dc.js