如何自定义Y值的格式从秒NVD3.js

Question

我试图绘制数据图表中以下格式分/秒：

[ 
{'label':'0', 'seconds':1094}, 
{'label':'1', 'seconds':1096}, 
{'label':'2', 'seconds':1112}, 
... 
] 

，结果是这样的：

它看起来不错，问题是： 如何自定义显示Y值的格式？：

UPDATE： 代码构建图表

nv.addGraph(function() { 
    var chart = nv.models.multiBarHorizontalChart() 
     .x(function(d) { return d.label }) 
     .y(function(d) { return d.value }) 
     .margin({top: 30, right: 20, bottom: 50, left: 20}) 
     .showValues(true)   //Show bar value next to each bar. 
     .tooltips(false)    //Show tooltips on hover. 
     .transitionDuration(350) 
     .showControls(true);  //Allow user to switch between "Grouped" and "Stacked" mode. 

    chart.yAxis 
     .tickFormat(d3.format(',.0f'));  

    d3.select('#chart1 svg') 
     .datum(jsonData) 
     .call(chart); 

    nv.utils.windowResize(chart.update); 

    return chart; 
}); 

Answer 1

尝试是这样的

chart.yAxis.tickFormat(function(d) { 
    // %M - minute as a decimal number [00,59]. 
    // %L - milliseconds as a decimal number [000, 999]. 
    return d3.time.format('%M%L')(new Date(d)) 
}); 

UPDATE：

// Line Not Tested but valueFormat should do the trick 
chart.valueFormat(d3.time.format('%M%L')); 

如果您需要更多时间格式选项，请查看this。

希望它有帮助。