如何将自定义格式应用于.ValueFormat nvd3.js？

Question

如何将自定义格式应用于图表nvd3.js的值？

例如，我在几秒钟内收到一个值，但我喜欢以HH格式显示：MM：SS

Answer 1

你可以这样做：

nv.addGraph(function() {  
    var chart = nv.models.discreteBarChart()
        .x(function(d) { return d.rowId  })
        .y(function(d) { return d.secs   })
        .valueFormat(function(d) { return formatoHHMMSS(d)});

    nv.utils.windowResize(chart.update);

    return chart;
});


function formatoHHMMSS(secs){
    var hours = parseInt( secs / 3600 ) % 24;
    var minutes = parseInt( secs / 60 ) % 60;
    var seconds = secs % 60;
    return (hours < 10 ? "0" + hours : hours) + ":" + (minutes < 10 ? "0" + minutes : minutes) + ":" + (seconds  < 10 ? "0" + seconds : seconds);
};