plusgantt.1.8 自定义列 代码实现
时间: 2023-11-21 16:25:43 浏览: 72
wl-gantt:wl-gantt:一个简单易用且高度可配置的甘特图进度计划项目管理插件。An easy-to-use gantt plug-in for the vue framework
如果你使用的是 PlusGantt 1.8 版本,可以通过以下代码来实现自定义列:
```javascript
// 获取图表实例
var chart = plusGantt.ganttView;
// 定义自定义列的配置项
var customColumnConfig = {
name: 'myCustomColumn',
title: 'My Custom Column',
width: 100,
align: 'center',
renderer: function(item) {
return 'Custom Value';
}
};
// 添加自定义列
chart.addColumn(customColumnConfig);
```
在这段代码中,我们首先获取了 PlusGantt 图表实例,并定义了自定义列的配置项,包括列名、标题、宽度、对齐方式等属性,并且定义了一个渲染器函数来返回列中每个单元格的值。
然后,我们通过 `chart.addColumn()` 方法将自定义列添加到图表中。
需要注意的是,PlusGantt 1.8 版本和之前的版本有些不同,其中包括 API 的调用方式。如果你遇到了问题,可以参考 PlusGantt 1.8 的文档或者联系官方支持。
阅读全文