网页甘特图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插件源码

正在加载文件目录...

萌子哇哇 下载了 此素材
Cac-07M 下载了 此素材
赶路人 下载了 此素材
羊啵啵 下载了 此素材
三生石 下载了 此素材
隐形の稻草人 下载了 此素材
知行合一-老洪 收藏了 此素材
71 下载了 此素材
liufang2008054 下载了 此素材

也许你还喜欢

  1. 仿window桌面右键菜单js插件
  2. 网页右键菜单多级js插件
  3. JavaScript甘特图项目进度展示插件
  4. gantt.js任务时间进度表插件
  5. 自定义滚动条js插件TrueScrollBar
  6. Highcharts甘特图插件下载
  7. 指定区域右键菜单js插件
  8. 数字统计跳动特效js插件
自定义Tooltips提示气泡Js插件
  • 标签查找|关于我们|用户协议|格式化工具|bootstrapmb.com 版权所有 苏ICP备20015882号-5
  • 背景样式编辑器|按钮样式编辑器|背景动效编辑器|图片布局编辑器