dhtmlxgantt 在时间轴中如何增加自定义标识
时间: 2023-11-02 14:12:50 浏览: 193
要在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);
```
阅读全文