代码之家 › 专栏 › 技术社区 › Shaggie

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

sparklines nvd3.js charts

0

Shaggie · 技术社区 · 8 年前

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

我的迷你图配置如下:

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轴值格式是否显示为整数而不是浮点?

我做到了&我在过去两天里对它进行了研究,但我发现的解决方案都没有像预期的那样有效,这迫使我在这里添加了问题。

任何帮助都是值得的。谢谢

1 回复 | 直到 8 年前

1

Shaggie 8 年前

我终于通过做一些随机的东西改变找到了它

                .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