甘特查看JSON数据

时间:2012-07-12 14:12:17

标签: json jquery charts gantt-chart

我正在尝试使用php和jquery将数据(通过ajax)重新加载到甘特图中。我可以在初始加载时使用我的数据绘制甘特图,没有任何问题。我有一个ajax保存调用来更新图表数据,我想在成功保存后重绘甘特图。

我能够加载部分数据,即左侧的标题数据,而不是日期,我相信它的格式不正确?我正在使用github的这个甘特图插件:https://github.com/thegrubbsian/jquery.ganttView

以下是他们使用的数据样本?这是json的数据吗?

我不确定?如何将输出格式化为镜像并使用此数据。

var ganttData = [
{
    id: 1, name: "Feature 1", series: [
        { name: "Planned", start: new Date(2010,00,01), end: new Date(2010,00,03) },
        { name: "Actual", start: new Date(2010,00,02), end: new Date(2010,00,05), color: "#f0f0f0" }
    ]
}, 
{
    id: 2, name: "Feature 2", series: [
        { name: "Planned", start: new Date(2010,00,05), end: new Date(2010,00,20) },
        { name: "Actual", start: new Date(2010,00,06), end: new Date(2010,00,17), color: "#f0f0f0" },
        { name: "Projected", start: new Date(2010,00,06), end: new Date(2010,00,17), color: "#e0e0e0" }
    ]
}, 

我的代码如下所示:

[{"id":0,"name":"task number 20","series":[{"name":"Bob","start":"new Date(2012,2,19)","end":"new Date(2012,6,11)"}]},{"id":1,"name":"another new posts","series":[{"name":"Bill","start":"new Date(2012,5,22)","end":"new Date(2012,6,27)"}]},here

1 个答案:

答案 0 :(得分:1)

从json字符串“调用”函数(包括构造函数)是不合法的。 JSON不是您可以传递给eval函数的任何内容:http://www.json.org/

您应该在javascript代码中进行从字符串到日期的转换。

您可以发送

[{..."start":"Thu Jul 12 2012 16:20:17 GMT+0200 (CEST)"...}]

并在你的js代码中,在json解析之后,遍历要执行的对象

myobj.start = new Date(myobj.start);