我使用这个很棒的plugin来使用jQuery创建一个甘特图。
现在我已将它合并到我的网站中,周末和日期已经翻出,我不确定是否是因为我正在运行的其他一些脚本,或者如果我配置错误,我正在运行{{3与它通常的依赖关系(所有脚本都可以在演示中看到)。
基本上周末已经开始为图表上的每个任务移动2天,并且标题中的日期也已关闭。
要查看完整演示,请参阅 Foundation 5 。
如果您在查看甘特图时遇到问题,请将滑块宽度调整为更小:
$(document).ready(function () {
$(function () {
$("#ganttChart").ganttView({
data: ganttData,
slideWidth: 600
});
});
});
答案 0 :(得分:0)
更新
基金会box-sizing
的默认设置正在弄乱图表。
我所要做的就是将它添加到gantt.View css文件中。
.ganttview *, /* Override Foundation box-sizing properties */
.ganttview:before,
.ganttview:after {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
请查看此更新 jsFiddle 。