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

全部评论

相关推荐

01-04 21:30
已编辑
河南工业大学 Java
27届学院本誓死冲击...:下次再发把个人信息隐藏掉,以防有心之人。相关课程删了,荣誉奖项只留蓝桥杯,把蓝桥杯写到教育经历里,按教育经历、实习经历、项目经历、专业技能这个顺序排版
点赞 评论 收藏
分享
评论
点赞
收藏
分享

创作者周榜

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