jquery 甘特图问题（与 cirrus-ui 冲突）

Question

我正在尝试使用 jquery 甘特图设置甘特图。我已经复制了 js 代码、css 文件和图像，之前已经使用了 jquery。这是我的代码，它是一个非常简单的版本，用于检查它的外观：

$(".gantt").gantt({
    source: [
        {
            name: "Example",
            desc: "Lorem ipsum dolor sit amet.",
            values: [
                {
                    from: '2012-02-10',
                    to: '2012-04-03',
                    label: "Example Value",
                    desc: "Something",
                    customClass: "ganttRed",
                },
            ],
            id: 1,
            cssClass: "redLabel"
        },
        {
            name: "Example 2",
            desc: "Lorem ipsum dolor sit amet.",
            values: [
                {
                    from: '2013-02-10',
                    to: '2015-04-03',
                    label: "Example Value",
                    desc: "Something",
                    customClass: "ganttRed",
                },
            ],
            id: 2,
            cssClass: "redLabel"
        },
    ],
    scale: "weeks",
    minScale: "weeks",
    maxScale: "months"
})

我拿到一张图表，但是它完全变形了，看起来像这样：

我试过 github 上的最新版本、以前的版本等，但没有帮助，总是一样。

Answer 1

因此，经过广泛调查并逐步执行代码后，css 发现它与我正在使用的 cirrus-ui css 框架冲突.现已修复。

jquery 甘特图问题（与 cirrus-ui 冲突）

Issue with jquery gantt (clashing with cirrus-ui)

jquery

gantt-chart