frappe/gantt 甘特图

Frappe Gantt是一个制作甘特图的库，如下， 可以设置阶段的时间范

围及对应的进度， 官网没有相关的配置说明

特此记录一下

github地址： GitHub - frappe/gantt: Open Source Javascript Gantt

配置说明入下

{
// 模式
view_mode: 'Day',
// 日期范围
view_mode_padding: { DAY: '20d' },
// 语言
language: "zh", // 语言
// 滚动位置， start、today、yyyy-mm-dd
scroll_to: '',
// 只读
readonly: false,
// 模式选择
view_mode_select: false,
// 日期范围只读
dates_readonly: false,
// 进度只读
progress_readonly: true,
show_expected_progress: false,
// 显示today按钮
today_button: false,
// 上下padding
padding: 18,
// 标题栏高度
header_height: 65,
// 列宽
column_width: 50,
// 条形图高度
bar_height: 30,
// 圆角
bar_corner_radius: 3,
// 箭头曲线
arrow_curve: 10,
// 辅助线 'both', 'vertical', 'horizontal'
lines: 'both',
// 每周列高亮
highlight_weekend: true,
// 标题栏第二行显示
lower_text: (date, view_mode, text) => {
	console.log(date, view_mode, text);
	return 'D' + date.getDate();
},
// 标题栏第一行显示
upper_text: (date, view_mode, def) => {
	return def;
},
date_format: "YYYY-MM-DD HH", // 日期格式
// 鼠标移入显示内容
// popup: function(task) { // 自定义内容  
//     // the task object will contain the updated
//     // dates and progress value
//     console.log(task);
//     return `
//     <div class="details-container">
//     <h5>${task.name}</h5>
//     <p>Expected to finish by ${task.end}</p>
//     <p>${task.progress}% completed!</p>
//     </div>
//     `;
// }
}