米豆的豆米 2019-11-24 09:23 采纳率: 0%
浏览 166

这段代码为啥没有有反应，有关gantt的问题

gantt.templates.tooltip_text = function(start,end,task){
          return "<b>Task:</b> "+task.text+"<br/><b>Duration:</b> " + task.duration;
      };
  • 写回答

1条回答 默认 最新

  • 小唐不会敲代码 2023-03-28 13:52
    关注

    这段代码是用来自定义 gantt 的工具提示文本内容的。当鼠标悬浮在任务条上时，会显示该任务的工具提示文本。

    如果你的代码没有生效，可能是因为你没有正确地配置 gantt。请确保你已经正确引入了 gantt 的相关资源，并且在适当的时候初始化了 gantt。另外，请确保你的代码被正确地放置在 gantt 初始化代码的后面。

    以下是一个示例，可以帮助你理解如何正确地配置 gantt 并使用 gantt.templates.tooltip_text 方法：

    <!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>gantt demo</title>
    <script src="https://cdn.jsdelivr.net/npm/dhtmlx-gantt/codebase/dhtmlxgantt.js"></script>
    <link href="https://cdn.jsdelivr.net/npm/dhtmlx-gantt/codebase/dhtmlxgantt.css" rel="stylesheet">
</head>
<body>
    <div id="gantt_here" style="width:1000px;height:500px;"></div>
    <script>
        gantt.config.xml_date = "%Y-%m-%d %H:%i";
        gantt.templates.tooltip_text = function(start, end, task) {
            return "<b>Task:</b> " + task.text + "<br/><b>Duration:</b> " + task.duration;
        };
        gantt.init("gantt_here");
        gantt.parse([
            {id:1, text:"Project #1", start_date:"2023-03-26 00:00", duration:3},
            {id:2, text:"Task #1", start_date:"2023-03-26 00:00", duration:1, parent:1},
            {id:3, text:"Task #2", start_date:"2023-03-27 00:00", duration:2, parent:1}
        ]);
    </script>
</body>
</html>
    评论

报告相同问题？

  • vue.js有哪几种甘特图库?Vue.js的5大甘特图库分享！
    2024-06-13 21:15
    爱编程的鱼的博客 这并不奇怪，因为有大量且不断增长的高级 JavaScript 库和框架允许 Web 开发人员构建功能丰富的应用程序，以精确满足任何给定项目的所有需求。在本文中，我们将考虑用于基于 Vue 的应用程序的前 5 个甘特库。
  • 前端周刊第十七期
    2022-05-03 11:26
    xiyangbaixue的博客 前端周刊发表每周前端技术相关的大事件、文章教程、一些框架的版本更新、以及代码和工具。每周定期发表，欢迎大家关注、转载。 如果外链不能访问，关注公众号前端每周看，里面有解决办法 大事件 JavaScript 框架的...
  • 前端VUE/后端JAVA小笔记
    2020-12-31 15:20
    like up丿天的博客 笔记欢迎使用Markdown编辑器前端功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建...
  • 化学中的不确定性。
    2024-05-26 22:51
    luj_1768的博客 化学中的不确定性@TOC ...晶体结构、化学键、离子分析，是又一个研究方向，在这个方向上如果出现重要研究成果、有可能颠覆化学大厦的基础、导致无机化学的重构甚至重建；在催化原理方向上，新能源相关研究导致了
  • 百度图片搜索效果前端实现代码
    2025-08-08 16:37
    上海积分吴老师的博客 本文还有配套的精品资源，点击获取 简介：本套代码旨在实现与百度图片搜索相似的前端效果，涵盖瀑布流布局、图片预加载、悬停放大等用户体验优化功能。开发者可以利用HTML、CSS和JavaScript技术来构建一个高效、美观...
  • EDA开源仿真工具verilator入门3：多线程优化相关模块和方法总结和介绍
    2022-06-15 01:15
    I_belong_to_jesus的博客 EDA开源仿真工具verilator入门3，多线程优化相关模块和方法总结和介绍，主要介绍目前的方法和逻辑以及可改进的方向。
  • 全JavaScript实现的甘特图指南
    2025-06-11 21:54
    罗博深的博客 } 这段代码展示了如何根据任务数据来动态创建任务条，并设置相应的样式。 2.3 高效的DOM操作实践 2.3.1 性能考量下的DOM操作 在进行DOM操作时，性能是一个重要的考量因素。频繁的DOM操作会造成性能下降，影响用户...
  • 以Vigoss、Perp、dydx为例，解析衍生品在DeFi2.0进程里的演进
    2021-11-26 17:59
    DcMedia元宇宙的博客 撰文：Jerry，Leon，前者为Dachal Research发起人，后者为Dachal Research研究员 关于DeFi2.0的言论越来越多，未来如何发展不得而知，但是我们可以根据DeFi市场现状，结合衍生品协议升级迭代的脉络，去探究DeFi2.0的...
  • 全面5W1H分析法在IT领域的应用指南
    2025-08-15 19:10
    王友初的博客 一种被广泛应用于项目管理、需求分析、问题解决等领域的高效工具，源于新闻学领域的报道要素，包括Who（谁）、What（什么）、Where（在哪里）、When（何时）、Why（为什么）、How（如何）这六个关键问题。...
  • 10分钟掌握项目管理核心工具：WBS、甘特图、关键路径法全解析
    2024-12-24 13:57
    猴哥聊项目管理的博客 而 WBS（工作分解结构）、甘特图、关键路径法无疑是这场交响乐中的关键乐章，它们从不同维度为项目管理提供了清晰的框架、直观的进度展示以及高效的资源与时间优化策略。无论是初涉项目管理领域的新手，渴望迅速掌握...
  • CSS3实现橙色火焰燃烧动画特效实战
    2025-10-08 01:14
    河马和荷花的博客 keyframes用于描述动画过程中元素样式的阶段性变化，支持使用百分比（0%到100%）或...外焰是火焰最外围的区域，特点是高温但低密度，视觉上表现为淡黄色至无色的渐变光晕。其实现关键在于：使用极低透明度的渐变背景；
  • CSS3实现炫酷按钮点击特效实战详解
    2025-09-22 22:22
    顾凯之的博客 为后续添加波纹动画预留空间。@keyframes的本质是一个命名的动画时间轴，其内部由多个关键帧（keyframe）构成，每个关键帧代表动画过程中某一时刻的样式状态。标准语法如下：0% {50% {opacity: 1;100% {该示例定义了...
  • 全面掌握建设项目标杆策划方案
    2025-06-02 18:54
    Boa波雅的博客 简介：本文档详述了如何策划并创建一个标杆工程，强调了项目管理的各个方面，如目标设定、需求分析、资源规划、时间管理和风险管理...这份参考资料为IT专业人士提供了项目管理的知识和视觉工具，以提升项目质量和效率。
  • 提升项目管理效率的工具与模板指南
    2025-05-27 01:07
    十除以十等于一的博客 代码块示例 ： def assess_project_scale_complexity(project): # 假设有一个项目对象包含相关属性 scale = project.get_scale() # 获取项目规模信息 complexity = project.get_complexity() # 获取项目复杂度信息 ...
  • Dev Express控件使用与实践Demo详解
    2025-04-25 09:43
    明月清风晓星的博客 通过本章的学习，读者将对Dev Express UI控件库有一个全面的了解，并为进一步深入学习Windows Forms、ASP.NET等控件应用打下坚实的基础。 2. Windows Forms控件应用实例 2.1 常用Windows Forms控件介绍 2.1.1 控件...
  • 10天快速掌握Project项目管理实战全攻略
    2025-11-26 06:50
    含老司开挖掘机的博客 但它不是随便列todo list，而是要有结构、有逻辑、有交付成果导向的分解。常见的误区有哪些？- ❌ 把职责当任务（如“产品经理负责需求”）- ❌ 层级太深或太浅（子任务超过两周还完不成？粒度太大！- ❌ 工作包重叠...
  • 全面分析XX合同管理系统的可行性
    2025-07-09 07:15
    凯二七的博客 根据合同管理系统的特点，一个合理的架构设计可能包括以下几个层次： 前端展示层：负责提供用户界面，可以使用React或Vue.js等现代前端框架。 应用层：处理业务逻辑，使用Spring Boot构建RESTful API。 服务层：封装...
  • 工作模板设计与应用指南
    2025-07-27 20:32
    小鹿嘻嘻的博客 工作模板是预设的框架，包含了一系列的指导元素和标准步骤，用于指导团队成员高效完成任务。其目的是简化工作流程，确保任务...以“市场分析师”这一职位为例，下面的表格显示了该职位的岗位说明书模板实例：元素描述。
  • 没有解决我的问题, 去提问