Javascript 如果日期值小于当前日期,如何更改水平条的背景色?
如果日期值小于当前日期,我想更改highcharts(甘特图)中水平条的背景色?请看图片:这是JSFIDLE:Javascript 如果日期值小于当前日期,如何更改水平条的背景色?,javascript,highcharts,gantt-chart,Javascript,Highcharts,Gantt Chart,如果日期值小于当前日期,我想更改highcharts(甘特图)中水平条的背景色?请看图片:这是JSFIDLE: 假设您已按照上述代码指定了start和today,这似乎有效(将最后一部分替换为它,其他代码未修改): var startDate=Date.UTC(2019,01,30) //调用甘特图,然后添加系列 甘特哈特.系列[0].添加点({ 开始:开始日期, 完:UTC日期(2019年3月1日), 名称:'crewRank', 所有者:“crewName”, 颜色:新日期(startDat
假设您已按照上述代码指定了
start
和today
,这似乎有效(将最后一部分替换为它,其他代码未修改):
var startDate=Date.UTC(2019,01,30)
//调用甘特图,然后添加系列
甘特哈特.系列[0].添加点({
开始:开始日期,
完:UTC日期(2019年3月1日),
名称:'crewRank',
所有者:“crewName”,
颜色:新日期(startDate).getTime()
颜色为红色或蓝色,具体取决于当前日期值
var today = new Date().getTime(),
day = 1000 * 60 * 60 * 24;
var options = {
title: {
text: 'Visual Planner Chart with Navigation',
},
xAxis: currentDateIndicator: true,
min: today - 3 * day,
max: today + 18 * day
},
yAxis: {
uniqueNames: true
},
series: [{
name: 'Visual Planner',
data: [],
dataLabels: {
enabled: true,
format: '{point.owner}'
}
}]
}
var ganttChart = Highcharts.ganttChart('container-ganttChart', options)
ganttChart.series[0].addPoint({
start: Date.UTC(2019, 01, 30),
end: Date.UTC(2019, 03, 01),
name: 'crewRank',
owner: 'crewName'
})
var startDate=Date.UTC(2019, 01, 30)
// call gantt chart then add series
ganttChart.series[0].addPoint({
start: startDate,
end: Date.UTC(2019, 03, 01),
name: 'crewRank',
owner: 'crewName',
color: new Date(startDate).getTime() < today ? 'red' :'blue'
}