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固定在日期中间不随时间移动

相关文章
|
3月前
|
Python
颜色变化时间提醒
【9月更文挑战第11天】
66 11
颜色变化时间提醒
|
6月前
QuantLib学习笔记——利用quantlib绘制零息利率(zero rate)期限结构曲线
QuantLib学习笔记——利用quantlib绘制零息利率(zero rate)期限结构曲线
120 0
|
7月前
|
数据可视化 Python
Seaborn中的时间序列图:展示数据随时间的变化趋势
【4月更文挑战第17天】使用Seaborn创建时间序列图可展现数据随时间变化的趋势。首先,确保数据集包含日期时间格式的时间戳字段。借助Pandas处理数据,然后使用Seaborn的`lineplot`创建基本图表。通过`line_kws`自定义线条样式,添加标题和轴标签以增强可视化。结合Pandas的`rolling`计算滚动平均值,`resample`进行数据重采样,或使用Statsmodels进行时间序列分析和预测,从而提升图表功能和分析深度。有效定制图表有助于更好地理解和传达数据趋势。
|
7月前
r语言绘制动态统计图:绘制世界各国的人均GDP,出生时的预期寿命和人口气泡图动画动态gif图
r语言绘制动态统计图:绘制世界各国的人均GDP,出生时的预期寿命和人口气泡图动画动态gif图
|
7月前
GEE图表——趋势线图表的加载和展示包含纵坐标间隔的设定(以某区域年均降水总量为例)
GEE图表——趋势线图表的加载和展示包含纵坐标间隔的设定(以某区域年均降水总量为例)
90 0
|
7月前
|
数据可视化
Visio绘制时间轴、日程安排图、时间进度图的方法
Visio绘制时间轴、日程安排图、时间进度图的方法
305 1
|
Apache
echart折线图多条线
echart折线图多条线
echart折线图多条线
把K线的时间增加15分钟
把K线的时间增加15分钟
121 0
|
自然语言处理 数据可视化 数据格式
Q&A | 如何用R批量绘制并导出生存曲线图
Q&A | 如何用R批量绘制并导出生存曲线图
354 0
Q&A | 如何用R批量绘制并导出生存曲线图
【Eachat】关于设置多个折线图时,y轴的数据对不上
【Eachat】关于设置多个折线图时,y轴的数据对不上
661 0
【Eachat】关于设置多个折线图时,y轴的数据对不上