我是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>
ChartJS不支持数据集是字符串类型。
在您的情况下,必须将数据集更改为int类型。例如:00:00-> 0,01:00-> 1,14:00-> 14,20:00-> 20