Angular gantt自定义数据字段

Question

angular gantt插件允许更改列标题标签吗？我试图更改边表标题，但无法更改。如果不允许使用其他甘特图，我还能使用什么？在边上的桌子上，我需要显示工作站，id和类型。在gannt图表中，我需要在各自的优先级编号下显示特定的In。有什么建议吗？

Answer 1

您可以在属性选项中更改或定义列标题标签。

$scope.options = {
    ...
    treeTableColumns: ['from', 'to', 'myColumn'],
    columnsHeaders: { 'model.name': 'Name', 'from': 'From', 'to': 'To', 'myColumn': 'My column name' },
    columnsClasses: { //css
        'myColumn': 'myclass'
    },

    //defined content here. ex: String, checkbox, radio, ...
    //ex: <input type="checkbox" id={{row.model.id}} ng-model="row.model.myColumn">
    columnsContents: { 
        'myColumn': '{{row.model.myColumn}}',
        ...
    },
};

$scope.myData = [{
    id: 1,
    name: 'Finalize concept',
    myColumn: 'content',
    tasks: [{
        id: 'Finalize concept',
        name: 'Finalize concept',
        priority: 10,
        color: '#F1C232',
        from: new Date(2013, 9, 17, 8, 0, 0),
        to: new Date(2013, 9, 18, 18, 0, 0),
        progress: 100
    }]
}, {
    id: 2,
    name: 'Development',
    myColumn: 'content',
    children: ['Sprint 1', 'Sprint 2', 'Sprint 3', 'Sprint 4'],
    content: '<i class="fa fa-file-code-o" ng-click="scope.handleRowIconClick(row.model)"></i> {{row.model.name}}'
} ]

Answer 2

https://www.angular-gantt.com/configuration/attributes/在这里，你有关于你能做的一切的答案。

您不能更改列标题标签，但可以在您拥有的所有格式之间进行选择：

$scope.headersFormats = { 
  'year': 'YYYY', 
  'quarter': '[Q]Q YYYY', 
  month: 'MMMM YYYY', 
  week: 'w', 
  day: 'D', 
  hour: 'H', 
  minute:'HH:mm'
};