javascript - 如何在 Highcharts 中的 y 轴上显示持续时间

Question

这里我想在y轴上显示持续时间但不显示，我写了以下一系列数据。

series: [{
            name: 'Months',
            data: ["00:00:10", "00:42:10","01:00:00","21:00:10","05:10:10","12:00:10","05:00:10","02:00:10","00:50:10","00:40:10", "00:20:10", "10:10:10"]
        }]

请检查jsfiddle http://jsfiddle.net/tank_hit/4usn4tp0/我已经尝试过但没有显示。

如何实现这个目标？

Answer 1

您需要将该字符串转换为数字。在你的情况下，它应该是毫秒数。然后将 yAxis.type 设置为“线性”并查看结果 http://jsfiddle.net/4usn4tp0/3/

代码:

    yAxis: {
        min: 0,
        showFirstLabel: false,
        type: "datetime",
        labels: {
            formatter: function () {
                var ts = this.value,
                    hs = ts / (3600 * 1000),
                    ms = new Date(ts).getUTCMinutes();

                ms = ms < 10 ? '0' + ms : ms;
                hs = hs < 10 ? '0' + hs : hs;

                return hs + ":" + ms;
            }
        }
    },

    series: [{
        name: 'Months',
        data: [ 10 * 60 * 1000, 42 * 60 * 1000, 60 * 60 * 1000]
    }]