角甘特图定制数据字段

Question

角甘图图插件是否允许更改列标题标签？我试图改变旁边的表头，但不能。如果它不允许我可以使用其他甘特图？在边桌上，我需要显示工作站，ID和类型。在gannt图表中，我需要在相应的优先级数字下显示特定的ID。有什么建议吗？

Answer 1

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' 
}; 

Answer 2

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

$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}}' 
} ]