Chartjs不显示定时数据

Question

我是chartjs的新手，但是在谷歌搜索之后，我仍然无法弄清楚，为什么我不能将数据绘制出来。我正在使用“ parser”属性来分析字符串，并提供具有最小/最大值的预期显示格式，但未显示任何数据

    var ctx = document.getElementById("canvas");

    var chart = new Chart(ctx, {
    type: 'horizontalBar',
    data: {
    labels:  ["labelA", "labelB"],
    datasets: [{
        data: ["10:32", "00:12"],
        borderWidth: 1
    }]
    },
    options: {
    responsive: 'true',
    scales: {
        yAxes: [{
        ticks: {
            beginAtZero: true
        }
        }],
        xAxes: [{
        type: 'time',
        time: {
            parser: 'm:s',
            unit: 'minute',
            unitStepSize: 1,
            min: '00:00',
            max: '20:00',
            displayFormats: {
            'minute': 'mm:ss'
            }
        }
        }]
    }
    }
    });

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.min.js"></script>
<canvas id="canvas" height="100"></canvas>

Answer 1

ChartJS不支持数据集是字符串类型。

在您的情况下，必须将数据集更改为int类型。例如：00：00-> 0，01:00-> 1，14:00-> 14，20:00-> 20