首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在dhtmlx甘特图中设置日期、年份等行的自动高度

在dhtmlx甘特图中,可以通过设置行高来实现日期、年份等行的自动高度。以下是具体的步骤:

  1. 首先,需要在甘特图的配置中设置行高的默认值。可以使用gantt.config.row_height属性来设置,默认值为23。例如:
代码语言:txt
复制
gantt.config.row_height = 23;
  1. 接下来,需要为特定的行设置自定义的行高。可以使用gantt.config.scale_height属性来设置特定行的高度。该属性是一个对象,可以为不同的时间刻度设置不同的行高。例如,为年份行设置高度为30
代码语言:txt
复制
gantt.config.scale_height = {
  year: 30
};
  1. 如果需要为日期行设置自动高度,可以使用gantt.templates.scale_cell_class模板来动态设置行的样式。在模板中,可以根据行的类型来判断是否为日期行,然后根据日期的长度来设置行高。例如,为日期行设置高度为日期字符串的长度乘以20
代码语言:txt
复制
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";
};
  1. 最后,需要在CSS中定义不同高度的行的样式。例如,为高度为40的行定义样式:
代码语言:txt
复制
.gantt_scale_cell_height_40 {
  height: 40px;
}

通过以上步骤,就可以在dhtmlx甘特图中设置日期、年份等行的自动高度了。

关于dhtmlx甘特图的更多信息和使用方法,可以参考腾讯云的产品介绍页面:dhtmlx甘特图

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

  • microsoft project 2016破解版 32/64位简体中文专业版

    microsoft project 2016中文破解版是微软最新发行的一款项目管理软件,该软件利用内置模板、 甘特条形图、日程表、现成的报表、资源规划和许多其他功能,可以帮助成功地管理您的项目。project2016拥有熟悉的自动日程安排工具,可以帮助用户减少效率低的情况和培训时间,多个日程表可帮助更轻松地对复杂的日程安排进行可视化。同时资源管理工具可帮助用户构建项目团队、请求所需的资源,以及创建更加高效的计划,从而保证你的项目、资源和团队井井有条、步入正轨。Microsoft Project2016不仅可以快速、准确地创建项目计划,而且可以帮助项目经理实现项目进度、成本的控制、分析和预测,使项目工期大大缩短,资源得到有效利用,提高经济效益。是专案管理软件程序由微软开发销售。软件设计目的在于协助专案经理发展计划、为任务分配资源、跟踪进度、管理预算和分析工作量。日程表可以以资源标准的,而且关键链以甘特图形象化。另外,Project可以辨认不同类别的用户。这些不同类的用户对专案、概观、和其它资料有不同的访问级别。自订物件如行事历、观看方式、表格、筛选器和字段在企业领域分享给所有用户。本站免费提供microsoft project 2016中文破解版,同时提供project 2016激活教程及project 2016破解文件,详细安装破解教程请参考下文。

    05
    领券