dhtmlxgantt动态切换时间轴的单位
时间: 2023-04-11 16:01:44 浏览: 294
可以使用 gantt.config.scale_unit 和 gantt.config.step 来动态切换时间轴的单位,例如:
gantt.config.scale_unit = "day";
gantt.config.step = 1;
gantt.render();
可以将 scale_unit 设置为 "day", "week", "month" 等单位,step 设置为对应的数量,然后调用 gantt.render() 来重新渲染时间轴。
相关问题
dhtmlxgantt scales 以秒为单位
是的,dhtmlxGantt可以使用秒作为刻度单位。您可以通过设置以下属性来实现:
```javascript
gantt.config.scale_unit = "second";
gantt.config.date_scale = "%H:%i:%s";
gantt.config.step = 1;
gantt.config.subscales = [
{unit: "minute", step: 1, date: "%H:%i"},
{unit: "hour", step: 1, date: "%H"}
];
```
上述代码将刻度单位设置为秒,并使用"%H:%i:%s"格式显示时间。步长设置为1,以便每秒都有一个刻度线。还可以添加其他子刻度来进一步细化时间轴。
dhtmlxgantt 在时间轴中如何增加自定义标识
要在dhtmlxgantt中添加自定义标识,您需要使用gantt.addMarker()方法。该方法接受三个参数:日期,CSS类和可选文本标签。
以下是一个简单的示例,演示如何在时间轴上添加自定义标识:
```javascript
gantt.addMarker({
start_date: new Date(2020, 8, 1),
css: "custom-marker",
text: "My Marker"
});
```
在这个例子中,我们添加了一个名为“custom-marker”的CSS类,并在2020年9月1日添加了一个标识。您可以在CSS文件中定义此类以设置标识的样式。
```css
.custom-marker {
background-color: red;
width: 5px;
height: 100%;
}
```
此示例将标识的背景颜色设置为红色,宽度为5像素,高度为100%。您还可以添加其他样式以自定义标识的外观。
您可以在文本标签中添加任何文本,例如标识的名称或描述。如果您不想添加文本标签,请将text参数设置为null。
```javascript
gantt.addMarker({
start_date: new Date(2020, 8, 1),
css: "custom-marker",
text: null
});
```
添加自定义标识后,您可以使用gantt.getMarker()方法获取标识对象,并使用gantt.deleteMarker()方法删除标识。
```javascript
var marker = gantt.getMarker("custom-marker");
gantt.deleteMarker(marker);
```
阅读全文