Как я могу изменить цвет фона горизонтальной полосы, если значение даты меньше текущей даты? - PullRequest
Новая
       17

Как я могу изменить цвет фона горизонтальной полосы, если значение даты меньше текущей даты?

0 голосов
/ 28 апреля 2019

Я хочу изменить цвет фона горизонтальной полосы в верхних диаграммах (диаграмма Ганта), если значение даты меньше текущей даты?Пожалуйста, посмотрите на картинку: https://ibb.co/3MNqJJy и это jsfiddle: https://jsfiddle.net/57n1cjyr/

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'
})

1 Ответ

1 голос
/ 28 апреля 2019

Если у вас есть start и today, указанные в приведенном выше коде, похоже, это работает (замените последнюю часть на него, другой код не изменился): 

    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'
    }

Цветкрасный или синий в зависимости от текущего значения даты

...