javascript - 使用 nvd3.js 库将 '%' 符号添加到 y 轴上的所有刻度而不乘以 100

Question

我正在使用 nvd3.js 库来显示折线图。

我需要在 y 轴上的刻度旁边添加“%”符号。我知道我可以格式化 nvd3 以使用类似

的格式

  chart.yAxis
            .axisLabel("Y-axis Label")
            .tickFormat(d3.format(".0%"))
        ;

但这会将 0.1 之类的 y 值转换为 10%(我的意思是这会将所有值乘以 100，但我不需要这个)。但是我不需要这个转换，我只需要添加'%'符号而不需要任何转换。可能吗？

Answer 1

试试这个

chart.yAxis.tickFormat(function(d) {
    var formatter = d3.format(".0%");
    return formatter(d)
});

或

formatter = d3.format(".0%");
chart.yAxis.tickFormat(formatter);

更新:

chart.yAxis.tickFormat(function(d) {
    return d + '%'
});

希望对你有帮助