Установка цвета маркеров линейной диаграммы на основе условий

#javascript #anychart #anychart-8.2

#javascript #anychart #anychart-8.2

Вопрос:

Я пытаюсь выяснить, как установить для маркеров определенный цвет в зависимости от значения точки. Так, например, если точка имеет значение от 0,1 до 1, я хочу, чтобы цвет маркера был красным.

Вот как я инициализирую свою диаграмму:

 this.chart = Anychart.line()                 
let dataSet = Anychart.data.set(this.graphData.data)               
let mapping = dataSet.mapAs({x: "day", value: "risk"})             
this.series = this.chart.line(mapping)
  

Как мне применить отдельные стили маркеров к точкам, которые принадлежат к одному ряду?

Макет того, что я имею в виду: введите описание изображения здесь

Ответ №1:

Маркеры рядов не поддерживают условное заполнение с помощью функции. Есть два доступных решения:

  1. Создайте дополнительный ряд маркеров. Он поддерживает условное окрашивание с помощью функции, подробности см. в реальном примере.

  2. Используйте маркеры серии линий, но применяйте индивидуальные настройки маркеров в данных. Этот подход продемонстрирован в реальном примере.