plusgantt 自定义列 代码实现
时间: 2023-07-28 22:43:03 浏览: 43
如果你需要更高级的列定制,可以通过 PlusGantt 的 API 来实现。以下是一个简单的示例代码,演示如何通过 API 在 PlusGantt 中添加自定义列:
```javascript
// 创建一个自定义列
var customColumn = new plusGantt.Column({
name: 'myCustomColumn',
title: 'My Custom Column',
width: 100,
align: 'center',
renderer: function(item) {
return 'Custom Value';
}
});
// 将自定义列添加到图表中
var chart = plusGantt.getChart('myChart');
chart.addColumn(customColumn);
```
在上面的代码中,我们首先创建了一个名为“myCustomColumn”的自定义列,包括列名、标题、宽度、对齐方式等属性,并且定义了一个渲染器函数来返回列中每个单元格的值。
然后,我们通过 `plusGantt.getChart()` 方法获取对应的图表实例,并将自定义列添加到图表中。
当你在 PlusGantt 中打开该图表时,就会看到新增的自定义列了。当然,这只是一个简单示例,你可以根据自己的需求来定制更复杂的列。
相关问题
plusgantt.1.8 自定义列 代码实现
如果你使用的是 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 的文档或者联系官方支持。
plusgantt 自定义列
在 PlusGantt 中,你可以通过自定义列来显示额外的信息,这些信息可以是任务的属性或者其他自定义内容。以下是实现自定义列的步骤:
1. 打开 PlusGantt 的设计器,选择你要自定义的列所在的图表。
2. 在属性面板中找到“列”选项卡,点击“新建”按钮创建一个新的列。
3. 在弹出的设置窗口中,可以设置列的名称、类型、对齐方式、宽度等属性。其中,类型可以选择文本、数字、日期等类型,宽度可以设置为自适应或者固定宽度。
4. 在“数据”选项卡中,可以设置列的数据来源。你可以选择任务的属性作为数据来源,也可以选择自定义的内容。
5. 最后,点击“确定”按钮保存设置,你就可以在 PlusGantt 中看到自定义的列了。
除了以上步骤,你还可以通过自定义 JavaScript 代码来实现更高级的列定制。