gpt4 book ai didi

javascript - 负值的红色范围和正值的绿色范围的热图

转载 作者:行者123 更新时间:2023-11-29 21:48:13 25 4
gpt4 key购买 nike

我正在使用 highchart 的热图。它工作正常。

现在我想为值设置颜色范围。就像正值的绿色范围和负值的红色范围一样。

我可以使用任何选项来实现它吗?

Heat Map Sample

最佳答案

你需要改变最小颜色和最大颜色

$(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'
}
});
});

这是 JS Fiddle为之

关于javascript - 负值的红色范围和正值的绿色范围的热图,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30366257/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com