javascript - d3.js y 轴上的十进制值

Question

我在为我正在处理的 d3.js 可视化调整 y 轴上的比例时遇到问题。在比例尺上，它显示的值为 1.0,2.01 Y-axis for d3

我想将值更改为 0.3,0.4,0.5,0.6 而不是 3,4,5,6。

我的代码附在下面:

  var y = d3.scale.linear()
  .domain([0, d3.max(stateById.values(), function(d) { return d.total; })])
  .rangeRound([height, 0])
  .nice();

var yAxis = d3.svg.axis() .scale(y) .orient("左") .tickFormat(d3.format(".1f"));

请告知我应该在上面的行中进行哪些更改。谢谢。

Answer 1

基本上您需要做的是更改 tickFormat 函数以将数据除以 10。将 d3.format(".1f") 存储在外部变量中并改为使用它也可能是一种很好的做法。

.tickFormat(function (d){
    return d3.format(".1f")(d/10);
})