首页 > 其他分享 >#甘特图# DHTMLXGantt 组件笔记

#甘特图# DHTMLXGantt 组件笔记

时间:2023-02-27 11:35:12浏览次数:32  
标签:DHTMLXGantt scale format 甘特图 刻度 gantt 组件 config unit

配置

配置缩放单位

gantt.config.scale,示例

gantt.config.scale = [
{ unit: "day", step:1, format: "%d %M"}
]

需要注意的是,当显示比较小的刻度如天、小时甚至时分钟时,不要只给一个刻度组成的数组,而是把比当前要显示的目标刻度更大的刻度一并赋值,这样从显示角度可以更人性化

gantt.config.scales = [
            { unit: "day", step: 1, format: "%m-%d" },
            { unit: "hour", step: 1, format: "%H" }
        ]

带有更大刻度单位的效果图

在运行时切换刻度显示效果

重新设置 gantt.config.scale,但不会自动刷新,可以调用render方法再次载入数据触发刷新效果

标签:DHTMLXGantt,scale,format,甘特图,刻度,gantt,组件,config,unit
From: https://www.cnblogs.com/cinlap/p/17159077.html

相关文章

  • 组件内路由守卫
    简介:作用:给组件设置权限beforeRouteEnter(to,from,next){通过路由规则,进入该组件时被调用},beforeRouteLeave(to,from,next){通过路由规则,离开该组件时被调用},......
  • 调用兄弟组件的方法
    调用兄弟组件的方法使用场景:在第一个子组件中点击列表的信息时,第二个子组件执行查询接口。使用方法:在第一个子组件执行点击事件时,通过子传父方法传第二个子组件需要的值......
  • Spring Boot 实现日志链路追踪,无需引入组件,让日志定位更方便!
    来源:blog.csdn.net/qq_35387940/article/details/125062368前言从文章标题就知道,这篇文章是介绍些什么。这是我一位朋友的问题反馈:好像是的,确实这种现象是普遍存在的......
  • 自定义组件
                                                         ......
  • Go组件库总结之无等待锁
    本篇文章我们用Go封装一个无等待锁库。文章参考自:https://github.com/brewlin/net-protocol1.锁的封装typeMutexstruct{vint32chchanstruct{}}2.锁......
  • vue3动态组件
    markRow:标记一个对象,使其不能成为一个响应式对象。toRaw:将响应式对象(由reactive定义的响应式)转换为普通对象。shallowRef:只处理基本数据类型的响应式,不进行对象的响应式......
  • vue3异步组件(defineAsyncComponent、Suspense的使用)
    异步组件按需引入,用到的时候再加载,异步组件的引入需要用​​defineAsyncComponent​​进行注册。​​defineAsyncComponent​​工厂函数需要返回一个Promise对象,接收对象类......
  • vue3 通过文件名称 插槽里只显示指定名称组件
    vue3过滤插槽里的组件获取到插槽,也就是VNode,根据type的名称把不符合名称的组件过滤出去想实现类似ElementUI的select效果,在el-sleect组件中放文本div或是别的组件都不显......
  • React组件之间的通信方式总结(下)
    一、写一个时钟用react写一个每秒都可以更新一次的时钟importReactfrom'react'importReactDOMfrom'react-dom'functiontick(){letele=<h1>{ne......
  • React组件之间的通信方式总结(上)
    先来几个术语:官方我的说法对应代码ReactelementReact元素letelement=<span>A爆了</span>Component组件classAppextendsReact.Component{}无Ap......