d3.js甘特图 [英] d3.js Gantt chart

问题描述

var tasks;   
d3.json("http://localhost:8080/result", function(error, data) {   
tasks = data   
data.forEach(function(d) {   
d.startDate = new Date(d.maxTime["$date"]);   
d.endDate = new Date(d.minTime["$date"]);   
});   

var taskNames = ["Bob", "Sam"];   

var gantt = d3.gantt().taskTypes(taskNames);   
gantt(data);   
});  

我使用 here
这是从 json / localhost：8080 / resultrel =nofollow> http：// localhost：8080 / result 看起来像：

I am using help from here This is what the my array of json objects returned from http://localhost:8080/result looks like:

[
  {"minTime": {"$date": 1459555200000},
    "maxTime": {"$date": 1459555860000},
    "Time": 660.0, "Name": "Sam"},  
  {"minTime": {"$date": 1459558800000},
    "maxTime": {"$date": 1459563265000},
    "Time": 4465.0, "Name": "Bob"},  
  {"minTime": {"$date": 1459562400000},
    "maxTime": {"$date": 1459563842000},
    "Time": 1442.0, "Name": "Sam"},  
    ...  
]

我收到错误

负值无效。 （-30.00296 864734321）

A negative value is not valid. ("-30.00296 864734321")

和其他397个。

这些错误是什么意思？

推荐答案

尝试

d.startDate = new Date(d.maxTime.$date);   
d.endDate = new Date(d.minTime.$date);   

或

d.startDate = new Date(d.maxTime["$date"]);   
d.endDate = new Date(d.minTime["$date"]); 

这篇关于d3.js甘特图的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！