将时间值传递给Highcharts柱形图

Question

我想要一个图表，其中Y轴包含时间值，例如＆＃39;％H：％M：％S＆＃39;

我已经使用了 Highcharts 插件

X轴：[＆＃34; dep1＆＃34;，＆＃34; dep2＆＃34;，＆＃34; dep3＆＃34;]

Y轴：[＆＃34; 00：15：30＆＃34;，＆＃34; 00：55：30＆＃34;，＆＃34; 00：45：30＆＃34;]

我的代码如下：

$('#durationChart').highcharts({


        chart: {
            type: 'column'
        },
        title: {
            text: 'Avg. values'
        },

        xAxis: {
            categories: ["dep1","dep2","dep3"],
     labels: {
                rotation: -45,
                style: {
                    fontSize: '11px',
                    fontFamily: 'tahoma, sans-serif'
                }
            }
        },
        yAxis: {
            type: 'datetime',
            dateTimeLabelFormats: {
                second: '%H:%M:%S',
                minute: '%H:%M',
                hour: '%H:%M',
                day: '%e. %b',
                week: '%e. %b',
                month: '%b \'%y',
                year: '%Y'
            }
        },
        plotOptions: {
            column: {
                pointPadding: 0.2,
                borderWidth: 0,
                dataLabels: {
                        enabled: true,
                        formatter:function() {
                              return ''+ Highcharts.dateFormat('%H:%M:%S', this.y);
                        }
                    }
            }
        },credits: {
              enabled: false
          },

        series: [{
            name: 'Territories',
            colorByPoint: false,
            data: ["00:15:24", "00:13:51", "00:11:17", "00:20:02", "00:11:55", "00:10:00", "00:15:46", "00:10:54", "00:00:01", "00:01:01", "00:01:03", "00:01:47", "00:02:47", "00:01:50", "00:01:53", "00:00:43", "00:11:46", "00:00:02", "00:01:03", "00:05:07", "00:01:42", "00:16:11"]


        }]


    });`

我无法在Y轴上生成带有时间值的图表

我不需要显示任何日期

示例图片我在下面分享了......

Answer 1

见这里的答案：

• How to pass time in "highcharts"?

您仍需要发送完整日期。然后，您可以将输出格式化为仅显示时间部分。

或者您可以将时间作为整数秒发送。