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

Javascript 如何将自定义格式应用于.ValueFormat nvd3.js?,javascript,d3.js,nvd3.js,Javascript,D3.js,Nvd3.js,如何将自定义格式应用于chart nvd3.js的值 例如,我以秒为单位收到一个值,但我喜欢以HH:MM:SS格式显示。您可以这样做: nv.addGraph(function() { var chart = nv.models.discreteBarChart() .x(function(d) { return d.rowId }) .y(function(d) { return d.secs }) .valueFormat(f

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


例如,我以秒为单位收到一个值,但我喜欢以HH:MM:SS格式显示。您可以这样做:

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);
};
nv.addGraph(函数(){
var chart=nv.models.discreteBarChart()
.x(函数(d){返回d.rowId})
.y(函数(d){返回d.secs})
.valueFormat(函数(d){returnformatohmmss(d)});
nv.utils.windowResize(图表更新);
收益表;
});
函数格式HMMSS(秒){
var小时=parseInt(秒/3600)%24;
var分钟=parseInt(秒/60)%60;
var秒=秒%60;
返回(小时<10?“0”+小时:小时)+“:”+(分钟<10?“0”+分钟:分钟)+“:”+(秒<10?“0”+秒:秒);
};

您是指刻度值吗?为此,请使用。我不是指“轴”的格式,而是指“值格式”​​如果您已将“.ShowValues​​(对)”。答案中有贡献。regardsTry使用内置的函数
d3.js
,这是其对堆栈溢出的类似回答。Mike Bostocks关于