HighCharts:用不同颜色的标记突出显示特定值
HighCharts:用不同颜色的标记突出显示特定值
提问于 2019-03-12 09:57:01
我必须创建一个高图表的线条图，标记的颜色应该根据特定的值而变化。例如-我的数据是：
{
"date": "2017-01-01",
"cost": 5,
"value": 1
}图是用成本和日期绘制的。如果值为1，则应为红色，如果值为，则为，则颜色应为蓝色。
回答 1
Stack Overflow用户
回答已采纳
发布于 2019-03-12 10:10:54
您可以将数据映射到高级图表所需的格式，并设置标记颜色：
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/
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/55118629
复制相关文章
相似问题
腾讯云开发者
