在dhtmlx甘特图中,可以通过设置行高来实现日期、年份等行的自动高度。以下是具体的步骤:
gantt.config.row_height
属性来设置,默认值为23
。例如:gantt.config.row_height = 23;
gantt.config.scale_height
属性来设置特定行的高度。该属性是一个对象,可以为不同的时间刻度设置不同的行高。例如,为年份行设置高度为30
:gantt.config.scale_height = {
year: 30
};
gantt.templates.scale_cell_class
模板来动态设置行的样式。在模板中,可以根据行的类型来判断是否为日期行,然后根据日期的长度来设置行高。例如,为日期行设置高度为日期字符串的长度乘以20
:gantt.templates.scale_cell_class = function(date){
if (date.getUTCHours() === 0 && date.getUTCMinutes() === 0) {
var dateString = gantt.templates.date_scale(date);
var height = dateString.length * 20;
return "gantt_scale_cell gantt_scale_cell_date" + " gantt_scale_cell_height_" + height;
}
return "gantt_scale_cell";
};
40
的行定义样式:.gantt_scale_cell_height_40 {
height: 40px;
}
通过以上步骤,就可以在dhtmlx甘特图中设置日期、年份等行的自动高度了。
关于dhtmlx甘特图的更多信息和使用方法,可以参考腾讯云的产品介绍页面:dhtmlx甘特图。
领取专属 10元无门槛券
手把手带您无忧上云