Gantt实现任务时间进度甘蔗图效果代码
代码语言:html
所属分类:图表
代码描述:Gantt实现任务时间进度甘蔗图效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/Gantt.min.css"> <style> .container { margin: 150px auto; max-width: 960px; } body { background-color: #f7f7f7; } </style> </head> <body> <div class="container"> <div id="chart"></div> </div> <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/Gantt.min.js"></script> <script> let data = [{ recordID: 1, row: "工作内容 #1", tooltip: "CSSScript.Com", start: "Wed Jun 03 2020 14:21:55", end: "Wed Jun 03 2020 20:21:55", urls: "http://www.bfw.wiki" }, { recordID: 2, row: "工作内容 #2", tooltip: "Tooltip for row 2", start: "Jun 03 2020 11:00:00", end: "Jun 03 2020 15:23:43", urls: "http://www.bfw.wiki" }, { recordID: 1, row: "工作内容 #1", tooltip: "Tooltip unique to .........完整代码请登录后点击上方下载按钮下载查看
网友评论0