2014-03-31 77 views
1

如何將自定義格式應用於圖表nvd3.js的值?如何將自定義格式應用於.ValueFormat nvd3.js?

爲例子,我收到以秒爲單位,但我喜歡在格式HH顯示:MM:SS

+0

你的意思打勾值?爲此,請使用['.tickFormat()'](https://github.com/mbostock/d3/wiki/SVG-Axes#tickFormat)。 –

+0

我不是指「軸」的格式,我的意思是在「.Values(true)」的情況下,「數值格式」。 貢獻在答案。 關於 –

回答

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); 
}; 
+0

嘗試使用'd3.js'的內建函數,[這裏](http://stackoverflow.com/questions/18072721/formating-the-date-in-nvd3-js/18075689#18075689)是s類似堆棧溢出的答案。關於[時間格式](https://github.com/mbostock/d3/wiki/Time-Formatting)的Mike Bostocks文檔 – shabeer90

相關問題