d3 tickFormat 刻度显示格式化背景：d3的y轴显示的是0-10010个刻度，想在刻度后边加上“%”显示解决方

背景：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 就是刻度值，可以修改成任意显示的格式～

效果如下：

参考链接