d3(v5) 使用比例尺做渐变色

比例尺

把0到100的数字归一化到0-1区间:

let linear = d3.scaleLinear().domain([0, 100]).range([0, 1])

制作颜色计算器:

let red = '#
let compute = d3.interpolate('red', 'blue')

画100个小矩形,渐变色。

d3.selectAll('rect').data(d3.range(100)).enter()
	.append('rect')
	.attr('x', (d,i) => i * 10)
	.attr('y', 0)
	.attr('width', 10)
	.attr('height', 10)
	.style('fill', (d,i) => compute(linear(d)))

全部评论

相关推荐

2024-12-27 13:08
华南理工大学 Java
蝴蝶飞出了潜水钟丿:多看一眼就会💥
点赞 评论 收藏
分享
评论
点赞
收藏
分享

创作者周榜

更多
牛客网
牛客企业服务