甘特图规划器

[{"insert":"1.整体分为左右两个部分：左侧任务表，右侧甘特图。\n"},{"insert":{"image":"//file3.ih5.cn/v35/files/3fd7da61af3601b91664b7223824703d_223929_1920_937.png"}},{"insert":"\n2.甘特图生成方法：\n使用绝对定位容器创建甘特图的行，通过判断当前列为奇数或偶数来设置不同背景颜色。若为突出周期则为特殊颜色。"},{"attributes":{"list":"bullet"},"insert":"\n"},{"insert":"一行数据的甘特图虽然有5种颜色，但是主要分为三个部分：计划工期、实际工期（包括超出计划和未超出计划）、完成百分比（包括超出计划和未超出计划）。"},{"attributes":{"list":"bullet"},"insert":"\n"},{"insert":"三个部分分别按照不同数据绘制在其对应位置：计划工期（依据计划开始时间和计划工期）、实际工期（依据实际开始时间和实际工期）、完成百分比（依据完成百分比）。"},{"attributes":{"list":"bullet"},"insert":"\n"},{"insert":"在甘特图中，计划工期显示在最下面，实际工期次之，完成百分比在最上方。如此达到目标显示效果。"},{"attributes":{"list":"bullet"},"insert":"\n"},{"insert":"依据左侧表格数据，循环创建多个单元行组成成甘特图。"},{"attributes":{"list":"bullet"},"insert":"\n"},{"insert":"3.根据初始数据生成任务表和甘特图。在改变左侧表格数据时将其保存，并根据数值改变右侧甘特图。\n4.突出周期中的两边边框是周期序号中延伸出来的，通过改变其堆叠次序使其始终显示在最上方。\n"}]