【问题标题】:d3.js Gantt chartd3.js 甘特图
【发布时间】:2016-05-31 00:03:22
【问题描述】:
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 的帮助 这就是我从http://localhost:8080/result 返回的json 对象数组的样子:

[
  {"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")

和其他 397 人。

这些错误是什么意思?

【问题讨论】:

    标签: javascript d3.js


    【解决方案1】:

    试试

    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"]); 
    

    【讨论】:

    • 我设法得到了底部的时间,但我现在遇到了其他几个错误。我提到的示例中的那个人已经硬编码了所有变量。 static.mentful.com/gantt-chart-d3v2.js
    • var timeDomainStart = d3.time.day.offset(new Date(),-3);var timeDomainEnd = d3.time.hour.offset(new Date(),+3); 在您使用的代码中,更改它以修复您的数据。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-09-26
    • 1970-01-01
    • 2021-06-01
    • 1970-01-01
    • 2018-07-20
    相关资源
    最近更新 更多