Javascript 热图,红色范围为负值,绿色范围为正值
我正在使用高图的热图。工作正常 现在我想为值设置颜色范围。如正值的绿色范围和负值的红色范围 我有什么办法可以实现它吗Javascript 热图,红色范围为负值,绿色范围为正值,javascript,jquery,highcharts,heatmap,Javascript,Jquery,Highcharts,Heatmap,我正在使用高图的热图。工作正常 现在我想为值设置颜色范围。如正值的绿色范围和负值的红色范围 我有什么办法可以实现它吗 您可以在准备加载到图表的数据时提及要使用的颜色,您可以添加您的检查并在数据准备部分进行选择 例如: data: [{ name: 'A', value: 6, color: "red" }, { name:
您可以在准备加载到图表的数据时提及要使用的颜色,您可以添加您的检查并在数据准备部分进行选择 例如:
data: [{
name: 'A',
value: 6,
color: "red"
}, {
name: 'B',
value: 6,
color: "red"
}, {
name: 'C',
value: 4,
color:"green"
}, {
name: 'D',
value: 3,
color: "red"
}, {
name: 'E',
value: 2,
color:"green"
}, {
name: 'F',
value: 2,
color:"green"
}, {
name: 'G',
value: 1,
color:"yellow"
}]
您需要更改最小颜色和最大颜色
$(function () {
$('#container').highcharts({
colorAxis: {
minColor: '#00FF00',
maxColor: '#FF0000'
},
series: [{
type: "treemap",
layoutAlgorithm: 'squarified',
data: [{
name: 'Positive A',
value: 6,
colorValue: 1
}, {
name: 'Positive B',
value: 6,
colorValue: 2
}, {
name: 'Positive C',
value: 4,
colorValue: 3
}, {
name: 'Neutral',
value: 3,
colorValue: 4
}, {
name: 'Negative E',
value: 2,
colorValue: 5
}, {
name: 'Negative F',
value: 2,
colorValue: 6
}, {
name: 'Negative G',
value: 1,
colorValue: 7
}]
}],
title: {
text: 'Highcharts Treemap'
}
});
});
这是您也可以使用的