问题描述
我在 dhtmlx 甘特图中有一些自定义日期、月份等。我想为每一行设置固定高度。我的意思是如果我添加或删除行,高度不应该取决于父高度。它应该是恒定的。例如 - 如果我也添加 10 行,每行的高度应该是恒定的,但它会不断减小以适应父高度。下面是代码
HTML/JAVASCRIPT
<!DOCTYPE html>
<html>
<head>
<link rel='stylesheet' type='text/css' href='http://cdn.dhtmlx.com/gantt/edge/dhtmlxgantt.css'>
<script src='http://cdn.dhtmlx.com/gantt/edge/dhtmlxgantt.js'></script>
<style>
.gantt_custom_button {
background-color: rgb(206,206,206);
position: absolute;
right: -10px;
top: 5px;
width: 20px;
height: 26px;
border-radius: 0;
}
</style>
</head>
<div id='gantt_here' style='width:100%; height:500px;'></div>
<body>
<script>
var task1 = {
'data': [{
'id': 1,'text': 'Project #1','start_date': '01-04-2019','duration': 2,'order': 10,'progress': 0.4,'open': true
},{
'id': 2,'text': 'Task #1','start_date': '02-04-2019','duration': 1,'progress': 0.6,'parent': 1
},{
'id': 3,'text': 'Task #2','start_date': '03-04-2019','order': 20,{
'id': 4,'text': 'Task #3','start_date': '05-04-2019','parent': 1
}
],'links': [{
'id': 1,'source': 1,'target': 2,'type': '1'
},'source': 2,'target': 3,'type': '0'
},'source': 3,'target': 4,'target': 5,'type': '2'
}
]
};
gantt.config['scales'] = [{
unit: 'day',step: 1,format: '%d %M'
},{unit: "year",format: "%Y"},{unit: "month",format: "%M"},format: "%M"}
//{unit: "month",step: 3,format: monthScaleTemplate},];
gantt.config.scale_height = 100;
gantt.init('gantt_here');
gantt.parse(task1);
</script>
</html>
解决方法
通常,无论图表中的任务数量如何,任务行高都不会改变。并且有动态改变高度的内置功能。
您可以在代码段中看到它是如何工作的:
http://snippet.dhtmlx.com/5/664877d50
如果这对您没有帮助,请在上面的代码段中添加您的配置,并确保在那里重现问题。
然后,单击 Share
按钮并将链接发送给我。
或者向我发送包含所有必要 Javascript 和 CSS 文件的现成演示,以便我可以在本地重现该问题。