javascript - C3 折线图显示 hh :mm:ss

Question

这可以做到吗？

我有一个精简图表，用于跟踪患者的入住时间。这次可能会以 01:10:45 或 00:45:00 或类似的形式返回。我试图将其绘制在图表上，以便接待员可以看到检查某些东西到诊所需要多长时间。

最初我只是在几分钟内绘制出这个图，但只是被告知这不会削减它。我找不到任何关于此的文档，并且我已经尝试了我能想到的一切。

这就是我的代码的样子

waitAverage = []
for(looping through all my data here){
  waitAverage.push(moment(data[i].AverageWaitTime, "hh:mm:ss").format('HH.mm.ss')); //I have also tried formatting it like HH:mm:ss. I thought maybe decimals would help 
 waitAverage.unshift(label)
}

 arrayHolder.push(waitAverage); 

 c3.generate({
            bindto: '.timeline',
            data: {
                columns: arrayHolder,
                axes: {
                    data1: 'x'
                }
            },
            axis: {
                y: {
                    label: { // ADD
                        text: text,
                        position: 'outer-middle'
                    }
                },
                x: {
                    type: 'category',
                    categories: hour //This does exist I just didn't include the variable here
                }
            }
        });

如有任何帮助，我们将不胜感激!

Answer 1

对于任何需要这个答案的人，我都能找到答案!

在轴中，您必须调用刻度格式函数并进行一些奇怪的舍入。

            axis: {
                y: {
                    label: { // ADD
                        text: text,
                        position: 'outer-middle'
                    },
                    tick: {
                        format: function (d) { 
                            return app.moment(Math.round(d*100)/100, "hh.mm").format('H:mm');
                        }
                    }
                },
                x: {
                    type: 'category',
                    categories: hour
                }
            }