d3.js y轴上的十进制值

Question

我在调整我正在处理的d3.js可视化的y轴上的比例时出现问题。 在比例上，它显示的值为1.0,2.0 1 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）的       。东方（“左”）       .tickFormat（d3.format（ “1F”。））;

请告知我应该在上面的行中做出什么改变。感谢。

Answer 1

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

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