Highcharts - 甘特图绘图问题

Posted 2023-05-08

【中文标题】Highcharts - 甘特图绘图问题

【英文标题】：Highcharts - Gantt Chart plot issue

【发布时间】：2013-02-08 04:21:54

【问题描述】：

我想绘制类似甘特图并使用this solution。只要我不开始使用大间隔，它就像一种魅力。

// Define tasks (unixtime * 1000)
var tasks = [
    name: 'Eat',
    intervals: [ // From-To pairs
        from: 1360800000000,
        to: 1360886400000
    , 
        from: 1360368000000,
        to: 1360454400000,
    , 
        from: 1360195200000,
        to: 1360281600000,
    , 
        from: 1361059200000,
        to: 1361232000000
    ]
];

这里是my example，基于上面的代码。如果您将鼠标悬停在区间上，您会看到与预期不太一样：它显示来自其他区间的错误工具提示。

我的代码有什么问题？也许我应该定义句号格式或类似的东西？

提前致谢。

【参考方案1】：

时间序列数据必须按时间顺序排列。我像这样重新排序了您的列表，并且工具提示符合预期：

var tasks = [
    name: 'Eat',
    intervals: [
        from: 1360195200000,
        to: 1360281600000,
    ,
        from: 1360368000000,
        to: 1360454400000,
    ,
        from: 1360800000000,
        to: 1360886400000
    , 
        from: 1361059200000,
        to: 1361232000000
    ]
];

【讨论】：

啊，谢谢！所以我只需要在我的数据库查询中 ORDER ASC，就这么简单。再次感谢！