У меня есть график логарифмической шкалы d3 в реальном времени, как показано ниже:
Я хотел бы показать только основные тики с их метками: 10^-2, 10^-1, 10^0, 10^1, 10^2
но не мелкие галочки
Я хотел бы, чтобы ось журнала 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. Если это так, вам может понадобиться здесь
EDIT: вы можете редактировать мой jsfiddle
.tickValues()
. - person Lars Kotthoff   schedule 19.04.2014