Javascript 角度甘特图中的截面宽度

我不能使用甘特图。您可以看到下面的图片，该部分的宽度为零，似乎我错过了一些文件。我在html文件中导入了：

<link rel="stylesheet" type="text/css" href="node_modules/angular-gantt/dist/angular-gantt.css" />
<link rel="stylesheet" type="text/css" href=node_modules/angular-gantt/dist/angular-gantt-plugins.css"/> <link rel="stylesheet" type="text/css" href="node_modules/angular-gantt/dist/angular-gantt-core.css" />
<link rel="stylesheet" type="text/css" href="node_modules/angular-ui-tree/dist/angular-ui-tree.min.css" />
<link rel="stylesheet" type="text/css" href="node_modules/angular-gantt/src/plugins/sections/sections.css" />

如何将数据绑定到div？宽度取决于甘特图的内容。谢谢@nircraft，我刚刚编辑了我的问题
[
              {
                "name": "Create concept",
                "tasks": [
                  {
                    "name": "Create concept",
                    "priority": 20,
                    "content": "<i class=\"fa fa-cog\" ng-click=\"scope.handleTaskIconClick(task.model)\"></i> {{task.model.name}}",
                    "color": "#F1C232",
                    "from": moment(1568800800000),
                    "to": moment(1568808000000),
                    "progress": 100,
                    "sections": {
                      "items": [
                        {
                          "name": "Section #1",
                          "classes": [
                            "section-1"
                          ],
                          "from": moment(1568800800000),
                          "to": moment(1568811600000)
                        },
                        {
                          "name": "Section #2",
                          "classes": [
                            "section-2"
                          ],
                          "from": moment(1568811600000),
                          "to": moment(1568808000000)
                        }
                      ]
                    },
                    "id": "10c452b2-618b-f694-b0b6-b33ebfaac4fb"
                  }
                ],
                "id": "1477337d-0c9a-0174-2d08-b45befb0fe32"
              }
            ]

<div class="row">
                            <div class="col-sm-12"
                                 gantt data="data"
                                 filter-row="{'name': ganttOptions.filterRow}"
                            >
                                <gantt-tree></gantt-tree>
                                <gantt-sections disable-magnet="true"></gantt-sections>// When I leave the default disable-magnet, I find in console an error says that Cannot read property 'getMagnetDate' of undefined
                                <gantt-dependencies enabled="true" read-only="true" js-plumb-defaults="jsPlumbDefaults" fallback-endpoints="fallbackEndpoints"></gantt-dependencies>
                            </div>