HighCharts：使用不同颜色的标记突出显示特定值

我必须创建一个具有高度图表的线条图，标记的颜色应根据特定值而变化。 示例-我的数据如下所示：

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

---

该图以成本vs日期绘制。如果值为1则应为红色，如果值为0则应为蓝色。

您可以将数据映射到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
    }]
});

---

现场演示：

Hi@ankita sinha，我很高兴能为您提供帮助。您可以接受以下答案：