背景:d3 的 y轴 显示的是 0-100 10个刻度,想在刻度后边加上 “%” 显示
解决方法:
var y = d3.scaleLinear() .domain([0, 100]) .rangeRound([height - margin.bottom, margin.top])svg.append("g") .attr("transform", "translate(" + margin.left + ",0)") .call(d3.axisLeft(y).tickFormat(d => d + "%" )) // 这里的 d 就是刻度值,可以修改成任意显示的格式~复制代码
效果如下: