ฉันมีชุดข้อมูลที่มีข้อมูลประมาณนี้
var data =[10,30,20,50,80,60,120,40,20,90,30,10];
var labels = [moment("12:00:00", 'HH:mm:ss'),moment("12:00:01", 'HH:mm:ss'),moment("12:00:02", 'HH:mm:ss'),moment("12:00:03", 'HH:mm:ss')];
ฉันป้อนข้อมูลไปที่ ChartJS เช่นนี้
var ctx = document.getElementById("myChart").getContext('2d');
var myChart = new Chart(ctx, {
type: 'line',
data: {
labels: labels,
datasets: [{
label: 'Voltage Fluctuation',
data: [10,20,30,40,50],
borderWidth: 1
}]
},
options: {
scales: {
xAxes: [{
type: 'time',
time: {
unit: 'minute',
displayFormats: {
hour: 'HH:mm:ss'
}
}
}]
},
}
});
อย่างไรก็ตาม ฉันได้รับข้อมูลเฉพาะสี่จุดแรกเท่านั้น เช่น สำหรับแต่ละป้ายกำกับ
นี่คือ JSFiddle
ฉันต้องการให้กระจายข้อมูลสำหรับป้ายกำกับทั้งหมด ในกรณีนี้คือจุดข้อมูลหนึ่งจุดสำหรับทุก (4/12) วินาที และปรับกราฟตามนั้น
มีวิธีใดที่เป็นไปได้ที่ฉันสามารถบรรลุสิ่งนั้นโดยไม่ต้องฮาร์ดโค้ดโดยการแปลงป้ายกำกับเป็นรูปแบบมิลลิวินาทีหรือไม่