HighCharts: выделите определенное значение другим цветным маркером

Question

Мне нужно создать линейный график с Highcharts, а цвет маркера должен варьироваться в зависимости от конкретного значения.Пример - Мои данные выглядят так:

 {
    "date": "2017-01-01",
    "cost": 5,
    "value": 1
  }

График строится с стоимость против даты .Если значение равно 1 , оно должно быть красного цвета, а если значение , если 0 цвет должен быть синим.

Answer 1

Вы можете сопоставить свои данные с форматом, необходимым для Highcharts, и установить цвет маркера:

var data = [{
    "date": "2017-01-01",
    "cost": 5,
    "value": 1
}, {
    "date": "2017-01-02",
    "cost": 5,
    "value": 0
}, {
    "date": "2017-01-03",
    "cost": 5,
    "value": 1
}].map(obj => {
    return {
        name: obj.date,
        y: obj.cost,
        marker: {
            fillColor: obj.value ? 'red' : 'blue'
        }
    }
});

Highcharts.chart('container', {
    xAxis: {
        type: 'category'
    },
    series: [{
        data: data
    }]
});

Демонстрационная версия: http://jsfiddle.net/BlackLabel/btkuwL21/