Vue -ApexChart Установить цвет на отдельных столбцах на основе другого значения ряда - PullRequest
Новая
       49

Vue -ApexChart Установить цвет на отдельных столбцах на основе другого значения ряда

0 голосов
/ 21 января 2020

Я использую ApexChart- Vue, и на моем графике есть две серии: одна полоса и одна линия. Строка - это цель для указанной даты c, а столбец - значение для этой даты. Я пытаюсь установить цвет полосы на красный, если значение ниже, чем цель, и на зеленый, если значение равно или выше, чем цель.

Я понимаю, что может добавить функцию в массив цветов, но только одну функцию на серию.

По сути, я хочу сделать так, как говорит c здесь: https://apexcharts.com/docs/options/colors/

colors: [function({ value, seriesIndex, w }) {
  if (value < 55) {
      return '#7E36AF'
  } else {
      return '#D9534F'
  }
}, function({ value, seriesIndex, w }) {
  if (value < 111) {
      return '#7E36AF'
  } else {
      return '#D9534F'
  }
}]

Но мне нужно пропустить цель на текущую дату в функцию кое-как.

Есть идеи?

...