d3 tickFormat 刻度显示格式化

weixin_33985679

于 2018-08-02 07:32:36 发布

阅读量3.1k

点赞数 1

文章标签： python c#

原文链接：https://juejin.im/post/5b62b2e9f265da0f613222ba

版权

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

效果如下：

参考链接