dhtmlx甘特图marker不随小时移动

简介: dhtmlx甘特图marker不随小时移动

dhtmlx甘特图marker是什么?

就是一个跟着日期变化的标记,如下图所示

bc551c8fcd794ba798a8bc7f491025bf.png3d0e32034d0e4d8eb8e9f0399210c427.png

这段代码是用来调整标记的样式,展示文本的关键代码,如要配置今日标记,需在plugins添加maker后加上这段代码


start_date是用来获得日期的,学过js我们知道new Date()方法是获得最新的时间的方法

start_date:new Date()

所以配置了默认的属性后,marker是会随着小时移动的,例如0点则在日期格子的最左边,12点则在日期格子的中间


如何让甘特图的marker不随小时移动呢

实现思路是把获得的日期固定在每天的12点

所以我们可以先获取每天的0点,然后在加上计算出0点到12点之间的毫秒数

获取每天的零点我们可以使用

new Date().toLocaleDateString()).getTime()

然后加上计算出的43200000毫秒,就可以得到每天的12点

start_date: new Date(new Date(new Date().toLocaleDateString()).getTime() + 43200000),

把start_date修改为上面这段代码,即可把marker固定在日期中间不随时间移动

相关文章
【MATLAB第11期】#源码分享 |时间序列数据绘图,横坐标更改为时间轴 横坐标轴参数更改 日期间隔设置 日期标签或格式更改
【MATLAB第11期】#源码分享 |时间序列数据绘图,横坐标更改为时间轴 横坐标轴参数更改 日期间隔设置 日期标签或格式更改
|
24天前
|
Python
颜色变化时间提醒
【9月更文挑战第11天】
47 11
颜色变化时间提醒
|
12月前
|
程序员 API 数据安全/隐私保护
Flink--8、时间语义、水位线(事件和窗口、水位线和窗口的工作原理、生产水位线、水位线的传递、迟到数据的处理)
Flink--8、时间语义、水位线(事件和窗口、水位线和窗口的工作原理、生产水位线、水位线的传递、迟到数据的处理)
|
4月前
QuantLib学习笔记——利用quantlib绘制零息利率(zero rate)期限结构曲线
QuantLib学习笔记——利用quantlib绘制零息利率(zero rate)期限结构曲线
68 0
|
5月前
GEE图表——趋势线图表的加载和展示包含纵坐标间隔的设定(以某区域年均降水总量为例)
GEE图表——趋势线图表的加载和展示包含纵坐标间隔的设定(以某区域年均降水总量为例)
69 0
|
5月前
|
数据可视化
Visio绘制时间轴、日程安排图、时间进度图的方法
Visio绘制时间轴、日程安排图、时间进度图的方法
236 1
|
数据可视化
R 可视乎 | 华夫饼图
R 可视乎 | 华夫饼图
128 0
把K线的时间增加15分钟
把K线的时间增加15分钟
81 0
|
自然语言处理 数据可视化 数据格式
Q&A | 如何用R批量绘制并导出生存曲线图
Q&A | 如何用R批量绘制并导出生存曲线图
332 0
Q&A | 如何用R批量绘制并导出生存曲线图
Echarts堆叠柱状图百分比显示,tooltip展示百分比和数量
需求:将堆叠图每个类型的数据数值进行转换,计算出每一个横向柱状里每个类型占的百分比,然后显示
1524 0