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)))

全部评论

相关推荐

03-29 17:05
门头沟学院 Java
asdasdasda...:我前段时间找工作焦虑,有几天连续熬夜熬穿了,然后心脏突然不舒服,立马躺床上睡觉了,然后第二天还是不舒服,去看医生说是心率不齐,吓得我后面天天早早睡觉,调养身体,过了好几天才好过来。所以真的,工作这些东西哪有那么重要,最多钱多一点钱少一点,降低物欲。活着才是最重要的,现在想想真的后怕
如何排解工作中的焦虑
点赞 评论 收藏
分享
评论
点赞
收藏
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务