d3.js y 轴上的十进制值答案

【问题标题】：Decimal value on d3.js y axisd3.js y 轴上的十进制值
【发布时间】：2016-08-24 21:30:13
【问题描述】：

我在为我正在处理的 d3.js 可视化调整 y 轴上的比例时遇到问题。在刻度上，它显示的值为 1.0,2.0 1Y-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"));

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

【问题讨论】：

【解决方案1】：

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

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

【讨论】：