Javascript 更改视图函数Frappe.js甘特图-未定义错误_Javascript

Javascript 更改视图函数Frappe.js甘特图-未定义错误

javascript

Javascript 更改视图函数Frappe.js甘特图-未定义错误,javascript,Javascript,正在尝试在我的甘特图中实现视图选择功能。文档中显示了以下示例： gantt.change_view_mode('Week') // Quarter Day, Half Day, Day, Week, Month 我有索引html： <head> <script src="dist/frappe-gantt.js"></script> </head> <script> $(".btn-group&

正在尝试在我的甘特图中实现视图选择功能。文档中显示了以下示例：

gantt.change_view_mode('Week') // Quarter Day, Half Day, Day, Week, Month

我有索引html：

<head>
<script src="dist/frappe-gantt.js"></script>
</head>

<script>
    $(".btn-group").on("click", "button", function() {
$btn = $(this);
var mode = $btn.text();
gantt.change_view_mode(mode);
console.log(mode);
$btn.parent().find('button').removeClass('active');
$btn.addClass('active');
});
</script>

我尝试将其更改为

Gantt.change\u view\u模式（mode）但返回：TypeError:Gantt.change\u view\u模式不是一个函数
我想你已经解决了它，但是对于任何面临相同问题的人来说：你必须初始化甘特对象，如下所示：
var tasks = [
  {
    id: 'Task 1',
    name: 'Redesign website',
    start: '2016-12-28',
    end: '2016-12-31',
    progress: 20,
    dependencies: 'Task 2, Task 3'
  },
  {
    id: 'Task 2',
    ...
  }
]
var gantt = new Gantt("#id-of-your-svg-element", tasks);

这是我从您提到的文档中获得的信息：
var tasks = [
  {
    id: 'Task 1',
    name: 'Redesign website',
    start: '2016-12-28',
    end: '2016-12-31',
    progress: 20,
    dependencies: 'Task 2, Task 3'
  },
  {
    id: 'Task 2',
    ...
  }
]
var gantt = new Gantt("#id-of-your-svg-element", tasks);