highcharts-gantt+draggable-points实现任务分配甘蔗图拖动增加修改效果代码
代码语言:html
所属分类:图表
代码描述:highcharts-gantt+draggable-points实现任务分配甘蔗图拖动增加修改效果代码
代码标签: highcharts-gantt draggable-points 任务 分配 甘蔗图 拖动 增加
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <style type="text/css"> #container, #buttonGroup { max-width: 1200px; min-width: 320px; margin: 1em auto; } .hidden { display: none; } .main-container button { font-size: 12px; border-radius: 2px; border: 0; background-color: #ddd; padding: 13px 18px; } .main-container button[disabled] { color: silver; } .button-row button { display: inline-block; margin: 0; } .overlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.3); transition: opacity 500ms; } .popup { margin: 70px auto; padding: 20px; background: #fff; border-radius: 5px; width: 300px; position: relative; } .popup input, .popup select { width: 100%; margin: 5px 0 15px; } .popup button { float: right; margin-left: 0.2em; } .popup .clear { height: 50px; } .popup input[type=text], .popup select { height: 2em; font-size: 16px; } </style> </head> <body> <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/highcharts-gantt.js"></script> <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/draggable-points.js"></scrip.........完整代码请登录后点击上方下载按钮下载查看
网友评论0