我的实时 d3 对数刻度图如下所示:
我只想显示主要刻度及其标签:10^-2、10^-1、10^0、10^1、10^2
but 不是小蜱虫
我希望日志 Y 轴看起来像这样,没有小刻度:
我怎样才能做到这一点?
EDIT:发布一些代码
svg = d3.select("#chart1").append("svg")
.attr("width", width + margin.left + margin.right)
.attr("height", height + margin.top + margin.bottom);
y = d3.scale.log().domain([1e-1, 1e2]).range([height, 0]);
yAxis = d3.svg.axis().scale(y).orient("left");
svg.selectAll("g.y.axis")
.call(yAxis)
.selectAll(".tick text")
.text(null)
.filter(powerOfTen)
.text(10)
.append("tspan")
.attr("dy", "-.7em")
.text(function(d) { return Math.round(Math.log(d) / Math.LN10); });
您可能还想知道如何获取 powerOfTen 的自定义标签。如果是这样,您可能需要参考here http://bl.ocks.org/mbostock/6738229
EDIT:您可以编辑我的jsfiddle http://jsfiddle.net/jhyap/WNwJr/10/
拉尔斯·科特霍夫建议
var yAxis = d3.svg.axis().scale(y).tickSize(0).tickValues([1e-1,1e0,1e1,1e2]).orient("left");
这个答案迫使label
,但是major tick
没有画出来......
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)