小编Mik*_*odd的帖子

将Chart.JS的Y轴设置为时间

我在下面有这张图表,我想使用TIME缩放Y轴(时间不是一天中的总时间,分钟,秒,因此可能超过24小时)似乎无法使其正常工作,我得到的只是一个空白屏幕,请确保这是语法错误,但找不到它!谢谢

var ctx = document.getElementById("myChart3").getContext('2d');
var myChart3 = new Chart(ctx, {
    type: 'line',
    data: {
        labels: ["2010", "2011", "2012", "2013", "2014", "2015", "2016", "2017"],
        datasets: [
            {
                label: "Time",
                backgroundColor: ["#3e95cd", "#8e5ea2", "#3cba9f", "#e8c3b9", "#c45850", "#565452", "#321456", "#129864", "#326812", "#215984"],
                data: ["11:46:07", "11:41:14", "11:55:26", "12:14:58", "11:54:55", "11:54:04", "12:28:29", "12:35:18"]
            }
  ]
    },
    options: {
        scales: {
            yAxes: [{
                type: 'time',
                time: {
                    displayFormats: {
                        minutes: 'h:mm:ss a'
                    }
                }
        }]
        }
    }
});
Run Code Online (Sandbox Code Playgroud)

chart.js

3
推荐指数
1
解决办法
4348
查看次数

标签 统计

chart.js ×1