网页甘特图Js插件源码

网页甘特图Js插件源码源码下载

看看谁在用

查看文件结构

文件大小:0.02M

资源分类: 插件-其它前端代码

更新时间: 2022-06-06

一个简单的、轻量级的、交互式的甘特图Js插件。用户可以添加、编辑、扩张,计划等。
事件配置
var tasks = [
    {
      start: '2022-10-08',
      end: '2022-10-10',
      name: 'Deploy',
      id: "Task 4",
      progress: 50,
      dependencies: 'Task 2'
    },
    {
      start: '2022-10-11',
      end: '2022-10-11',
      name: 'Go Live!',
      id: "Task 5",
      progress: 10,
      dependencies: 'Task 4',
      custom_class: 'bar-milestone'
    }
]
甘特图配置
var gantt_chart = new Gantt(".gantt-target", tasks, {
    header_height: 50,
    column_width: 30,
    step: 24,
    view_modes: [
      'Quarter Day',
      'Half Day',
      'Day',
      'Week',
      'Month',
      'Year'
    ],
    bar_height: 20,
    bar_corner_radius: 3,
    arrow_curve: 5,
    padding: 18,
    view_mode: 'Day',
    date_format: 'YYYY-MM-DD',
    popup_trigger: 'click',
    custom_popup_html: null,
    language: 'en'
});
回调方法
var gantt_chart = new Gantt(".gantt-target", tasks, {
    on_click: function (task) {
      console.log(task);
    },
    on_date_change: function(task, start, end) {
      console.log(task, start, end);
    },
    on_progress_change: function(task, progress) {
      console.log(task, progress);
    },
    on_view_change: function(mode) {
      console.log(mode);
    },
});

网页甘特图Js插件源码

正在加载文件目录...

也许你还喜欢

  1. 仿window桌面右键菜单js插件
  2. gantt.js任务时间进度表插件
  3. 百分比进度条插件percentBar.js
  4. 前端表格js插件uiduck
  5. 简单的仪表盘js插件
  6. js银行卡生成插件代码
自定义Tooltips提示气泡Js插件
  • 标签查找|关于我们|用户协议|格式化工具|bootstrapmb.com 版权所有 苏ICP备20015882号-5
  • 背景样式编辑器|按钮样式编辑器|背景动效编辑器|图片布局编辑器