如何在迷你图中将显示值格式从浮点值更改为整数？

Question

我在我的一个项目中使用迷你图，向管理员显示一些统计数据。我的问题是我提供给迷你图的值是 integer/whole 数字，但它以浮点格式显示它们。

我的迷你图配置在这里：

function defaultChartConfig(containerId, data) {

nv.addGraph(function() {

    var chart = nv.models.sparklinePlus()
    chart.margin({left:60})
    .x(function(d,i) { return i })
    .xTickFormat(function(d) {
        //console.log(new Date(data[d].x));
        return d3.time.format('%x')(new Date(data[d].x))
    })
    d3.select(containerId)
    .datum(data)
    .transition().duration(250)
    .call(chart);

    return chart;
});

}

如何更改 X 和 Y 轴值格式以将它们显示为整数而不是浮点数？

过去 2 天我做了并且我正在研究它，但是 none 我发现的解决方案按预期工作，这迫使我在这里添加问题。

任何帮助都将不胜感激。谢谢

Answer 1

我通过随机更改终于找到了它

                .xTickFormat(function (d) {
                //console.log(new Date(data[d].x));
                return d3.time.format('%x')(new Date(data[d].x))
            })
            .yTickFormat(function () {
                return d3.format(',f')
            })

我刚刚在 xTickFormat 下面添加了 yTickFormat

如何在迷你图中将显示值格式从浮点值更改为整数？

How to change the display value format from float value to whole number in sparkline chart?

charts

nvd3.js

sparklines