plusgantt.1.8 自定义列 代码实现
时间: 2023-11-21 22:25:43 浏览: 40
如果你使用的是 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 的文档或者联系官方支持。
相关问题
addColumn 这个API,在plusgantt.1.8的文档里没有啊
抱歉,可能是我没有表达清楚。在 PlusGantt 1.8 版本中,`addColumn()` API 已经被废弃了。如果你想要添加自定义列,可以使用 `addCustomColumn()` 方法来实现。
以下是一个示例代码,演示如何通过 API 在 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.addCustomColumn(customColumnConfig);
```
在这段代码中,我们使用 `addCustomColumn()` 方法添加自定义列,与之前的版本有所不同。其他部分的代码和之前的示例相同。需要注意的是,PlusGantt 1.8 版本中的 API 调用方式和之前的版本有些不同,如果你遇到了问题,可以参考文档或者联系官方支持。
plusgantt 自定义列 代码实现
如果你需要更高级的列定制,可以通过 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 中打开该图表时,就会看到新增的自定义列了。当然,这只是一个简单示例,你可以根据自己的需求来定制更复杂的列。