<link rel="stylesheet" href="../../codebase/skins/dhtmlxgantt_skyblue.css?v=5.2.0">@*皮肤,下面图片上就是*@
<script src="../../codebase/locale/locale_cn.js"></script>@*中文*@
<script src="../../codebase/ext/dhtmlxgantt_tooltip.js?v=5.2.0"></script>@*显示tip*@
gantt.config.columns = [
            { name: "资源代号", label: "资源代号", align: "center" },
{ name: "名称", label: "名称", align: "center" },
{ name: "注记", label: "注记", align: "center" },
{ name: "类名", label: "类名", align: "center" },
{ name: "产能", label: "时长min", align: "center" }
];
  
       gantt.config.xml_date = "%Y-%m-%d %H:%i:%s";
gantt.config.duration_unit = "minute";
gantt.config.drag_move = false;
gantt.config.show_links = false;
gantt.config.drag_progress = false;
gantt.config.details_on_dblclick = false;
gantt.config.drag_resize = false;
gantt.config.date_grid = "%y-%m-%d %H:%i"; //默认时间刻度
gantt.config.scale_unit = "hour"; //设置时标的单位(X轴)"minute", "hour", "day", "week", "quarter", "month", "year"
gantt.config.date_scale = "%H:%i"; //设置时间刻度的格式(X轴)默认值: “%d%M”
     gantt.config.subscales = [
            { unit: "day", step: 1, date: " %Y年%n月%j日,周%D" }
        ];
//指定第二个时间刻度
 
     gantt.config.scale_unit = "day";
        gantt.config.date_scale = " %M%d日";
        gantt.config.subscales = [
             { unit: "month", step: 1, date: " %Y年%n月" }
        ];

gantt.config.scale_unit = "month";
        gantt.config.date_scale = " %Y年%M";
        gantt.config.subscales = [
                { unit: "year", step: 1, date: " %Y年" }
        ];

//设置显示框
gantt.templates.tooltip_date_format = function (date) {
var formatFunc = gantt.date.date_to_str("%Y-%m-%d %H:%i");
return formatFunc(date);
};
gantt.templates.tooltip_text = function (start, end, task) {
return "<b>名称:</b> " + task.名称 + "<br/><b>Start date:</b> " +
gantt.templates.tooltip_date_format(start) +
"<br/><b>End date:</b> " + gantt.templates.tooltip_date_format(end) + "<br/><b>表名:</b>" + task.表名 + "<br/><b>表代号:</b>" + task.表代号 + "<br/><b>表项次:</b>" + task.表项次;
};
 

dhtmlx Gantt知识点2的更多相关文章

  1. dhtmlx Gantt知识点1

    鼠标放在任务上显示信息框: <script src="../../codebase/ext/dhtmlxgantt_tooltip.js?v=5.2.0"></s ...

  2. dhtmlx Gantt实例介绍分析

    API地址:https://docs.dhtmlx.com/gantt/desktop__guides.html,这是英文的网页,可以用谷歌打开然后页面翻译,就是中文的啦! 我用的是DHTMLX Ga ...

  3. 甘特图dhtmlx Gantt入门

    (以下截图来自别人的博客,来源地址已经忘记了,若后期找到会补充上来!) API地址:https://docs.dhtmlx.com/gantt/desktop__guides.html,这是英文的网页 ...

  4. web 端 gantt组件选型

    gantt - 甘特图 甘特图(Gantt chart)又称为横道图.条状图(Bar chart).其通过条状图来显示项目,进度,和其他时间相关的系统进展的内在关系随着时间进展的情况.以提出者亨利·L ...

  5. 免费JS甘特图组件dhtmlxgantt

    安装 参考:https://docs.dhtmlx.com/gantt/desktop__install_with_bower.html 可使用NuGet.Bower.npm包管理器安装(应用在asp ...

  6. 起步X5 UI模型使用的新的JAVASCRIPT UI库 DHTMLX (简称DHX)

    最近学习新版本的起步X5,发现 UI控件有很多变化,按培训师的解释,X5平台界面设计引入了新的JAVASCRIPT UI库 DHTMLX. 参考:DHX   http://www.dhtmlx.com ...

  7. ASP.NET Core 中的那些认证中间件及一些重要知识点

    前言 在读这篇文章之间,建议先看一下我的 ASP.NET Core 之 Identity 入门系列(一,二,三)奠定一下基础. 有关于 Authentication 的知识太广,所以本篇介绍几个在 A ...

  8. ASP.NET MVC开发:Web项目开发必备知识点

    最近加班加点完成一个Web项目,使用Asp.net MVC开发.很久以前接触的Asp.net开发还是Aspx形式,什么Razor引擎,什么MVC还是这次开发才明白,可以算是新手. 对新手而言,那进行A ...

  9. UWP开发必备以及常用知识点总结

    一直在学UWP,一直在写Code,自己到达了什么水平?还有多少东西需要学习才能独挡一面?我想对刚接触UWP的开发者都有这种困惑,偶尔停下来总结分析一下还是很有收获的! 以下内容是自己开发中经常遇到的一 ...

随机推荐

  1. PHP循环语句深度理解分析——while, for, foreach, do while

    循环结构   一.while循环  while(表达式)  {   循环体;//反复执行,直到表达式为假  } 代码: $index = 1; while ($index<5) {        ...

  2. Ansible-----条件判断与错误处理

    when 在ansible中,条件判断的关键词是when --- - hosts: all remote_user: root tasks: - debug: msg: "System re ...

  3. Visual Studio Code(VSCODE)语言设置

    Visual Studio Code(VSCODE)语言设置 语言设置 1.快捷键 Windows.Linux 快捷键是:ctrl+shift+p macOS 快捷键是:command + shift ...

  4. POJ 1556 The Doors(线段相交+最短路)

    题目: Description You are to find the length of the shortest path through a chamber containing obstruc ...

  5. spring-boot-starter-thymeleaf 避坑指南

    第一步:pom配置环境 先不要管包是做什么的 总之必须要有 否则进坑 <!--避坑包--> <dependency> <groupId>net.sourceforg ...

  6. Ubuntu-linux云服务器下安装开启虚拟环境失败解决办法

    为什么要安装虚拟环境? 1.某些项目需要安装旧的包,开发相应功能 2.项目开发时,安装部分环境不希望影响整机环境 如何安装? 首先安装python 安装pip工具 sudo apt-get insta ...

  7. 《学习之道》第八章孤军奋战or组队合作

    孤军奋战与组队合作:别再苦思冥想,拖延行为需要差别对待 对拖延我得提一个小建议,你要暂时把自己与那些会干扰你的人和事隔离开.自己到一个房间里去,或者去图书馆,这样就没什么事能让你分心了. 如果一门课让 ...

  8. ssh-copy-id Permission denied (publickey,gssapi-keyex,gssapi-with-mic). 的解决方案

    -bash-4.2# ssh-copy-id 192.168.9.180 /usr/bin/ssh-copy-id: INFO: attempting to log in with the new k ...

  9. UWP WebView 禁用缩放

    只要加入一行 css 样式就行了 html, body { -ms-content-zooming:none; }   MSDN:https://msdn.microsoft.com/library/ ...

  10. 使用 Sonar 检测代码质量

    经历了一段时间的加班赶项目进度之后,今天终于闲下来了.忽然不知道干啥.于是,想着做点什么吧.突然想起了码云上面有个代码分析的功能,用的是 Sonar 于是想来玩玩这个. 一.下载Sonar,和初始化, ...