有没有办法使用 highcharts 为热图添加光泽效果,使其看起来不那么二维。
这是我想要添加完成的热图类型的示例:
我猜这将是一个补充:
plotOptions:{
heatmap:{
color: {}
}
}
但在热图中,颜色会有所不同,因此我无法对其施加通用渐变。
最佳答案
您可以更改 colorAxis 中颜色的计算方式,例如包装 tweenColors
方法并应用渐变:
(function(H) {
H.wrap(H.ColorAxis.prototype, 'tweenColors', function(p, from, to, pos) {
var ret = p.call(this, from, to, pos);
return {
radialGradient: {
cx: 0.1,
cy: 0.1,
r: 0.7
},
stops: [
[0, ret],
[1, Highcharts.Color(ret).brighten(0.2).get('rgb')]
]
}
});
})(Highcharts);
关于javascript - 光泽热图 Highcharts ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35558735/